Javascript 使用Quill.js在光标位置插入文本

Javascript 使用Quill.js在光标位置插入文本,javascript,rich-text-editor,quill,Javascript,Rich Text Editor,Quill,我正在尝试向quill.js添加一个自定义功能(“模块”),但似乎无法做到这一点。以下是我需要的: 如果要添加插入模板替换变量的按钮。。。说 类似于{{company}}的内容,位于 编辑器,这在API中是可能的吗?我想我可以做到 它使用插入文本,但我似乎无法让它工作 谢谢您应该能够使用insertText完成此操作,但您可能需要使用getSelection来获取光标位置。返回的对象将具有索引和长度键。添加按钮和必要的点击处理程序将由实现者决定。注意:在调用getSelection with或只

我正在尝试向quill.js添加一个自定义功能(“模块”),但似乎无法做到这一点。以下是我需要的:

如果要添加插入模板替换变量的按钮。。。说 类似于{{company}}的内容,位于 编辑器,这在API中是可能的吗?我想我可以做到 它使用插入文本,但我似乎无法让它工作


谢谢

您应该能够使用insertText完成此操作,但您可能需要使用getSelection来获取光标位置。返回的对象将具有索引和长度键。添加按钮和必要的点击处理程序将由实现者决定。注意:在调用getSelection with或只是将true传递给getSelection之前,焦点应该返回编辑器。

我在一个非常类似的设置中完成的操作:

let mergeFieldText = '{{company}}';
var selection = this._quill.getSelection(true);
this._quill.insertText(selection.index, mergeFieldText);

此代码段是使用Quill.js自定义按钮在光标位置添加符号

首先声明quill变量:

var quill = new Quill('.editor', {
    theme: 'snow'
});
使用按钮单击事件,在插入符号位置添加符号

$('.symbols').click(function(){
    quill.focus();
    var symbol = $(this).html();
    var caretPosition = quill.getSelection(true);
    quill.insertText(caretPosition, symbol);
});

请告诉我如何访问component.ts文件中的
this.\u quill
?使用@ViewChild('editor')editor:editor访问编辑器,然后使用this.editor.getQuill();接近羽毛笔