How to use mentions?

[denisr-w]

In summernote examples documentation I noticed that the editor also provides mentions functionality which I am not able to use in ngx-summernote. I noticed that the SummernoteOptions does not have a hint property defined. Does anyone know how to use this functionality in this angular library?

[sannanansari]

While going through official documentation link-mention-summernote
Simple Implementation with search functionality.
config: any = { placeholder: '', toolbar: false, hint: { mentions: ['jayden', 'sam', 'alvin', 'david'], match: /\B@(\w*)$/, search: function (keyword, callback) { let ans = this.mentions.filter((x) => x.toLowerCase().includes(keyword) ); callback(ans, function (item) { let ans = this.mentions.filter((x) => x.toLowerCase().includes(keyword.toLowerCase()) ); return item.indexOf(keyword) == 0; }); }, content: function (item) { console.log('Item ==> ', item); return '@' + item; }, }, };

[maadkiid]

Hi @sannanansari ,
I tested out your piece of code because i also am working on a feature with summernote hints and i am getting a console error (TypeError: t.match.test is not a function). I assume you use ngx-summernote. Which version are you using? I assume you also declare config as any because in the summernoteoptions there isn't a hint property. Did you encounter this error? Any help would be greatly appreciated.