首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Quill编辑器-在指针处插入quill编辑器中的内容

Quill编辑器-在指针处插入quill编辑器中的内容
EN

Stack Overflow用户
提问于 2021-05-15 20:07:43
回答 2查看 1.3K关注 0票数 1

我用的是笔编辑。假设我有一个选择框,可以从中选择值,以便将其插入到quill编辑器中。但是我希望将值插入到游标处,而不是在内容的末尾或开头。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-05-16 09:29:11

//获取选择的索引

var range = quill.getSelection();

//插入光标处的文本

quill.insertText(range.index,文本,‘粗体’,真);

票数 1
EN

Stack Overflow用户

发布于 2021-05-15 22:30:59

在这里,请查看下面的代码框演示:

https://codesandbox.io/s/hidden-brook-m2m80?file=/src/app/app.component.ts

绑定笔编辑器的引用

代码语言:javascript
运行
复制
@ViewChild(QuillEditorComponent, { static: true })
editor: QuillEditorComponent;

获取光标位置并插入文本

代码语言:javascript
运行
复制
onChangeOption(key: string) {
    const index = this.editor.quillEditor?.getSelection()?.index; // get cursor position
    if (index !== undefined) {
      this.editor.quillEditor?.insertText(index, key); // insert text after the index
    }
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/67550807

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档