I want to use ngx-tribute with ngx-quill, but I am facing an issue, selected item (from tribute's dropdown) is not inserting properly. I am attaching two screenshots related to this problem. Am I doing something wrong?
<quill-editor id="quillEditor" [ngxTribute]="options" [(ngModel)]="input" [styles]="{height: '300px'}" #tributeDirective="ngx-tribute"></quill-editor>
options: TributeOptions<TributeValue> = {
trigger: "@",
values: [
{ key: 'test1', value: 'test1' },
{ key: 'test2', value: 'test2' },
{ key: 'test3', value: 'test3' }
],
selectTemplate: function (item) {
return item.original.key;
},
};
[![Screenshot 1][1]][1]
[![Screenshot 2][2]][2]
[1]: https://i.stack.imgur.com/O9Yp4.png
[2]: https://i.stack.imgur.com/zKSgq.png