产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 10 家庭中文版
HBuilderX类型： 正式
HBuilderX版本号： 使用的是vscode
第三方开发者工具版本号： 1.05.2110110
基础库版本号： 2.27.0
项目创建方式： HBuilderX
<editor id="editor" @ready="onEditorReady"></editor>
onEditorReady(){
this.$nextTick(() => {
uni.createSelectorQuery().in(this).select('#editor').context((res) => {
this.editorCtx = res.context
}).exec()
})
}
//选择用户之后进行如下操作
let text = '’
let userName = '用户名称'
text += <span> </span><span style="color: #245bdb;">@${userName}</span><span> </span>
this.editorCtx.setContents({
html:text
})
<editor id="editor" @ready="onEditorReady"></editor>
onEditorReady(){
this.$nextTick(() => {
uni.createSelectorQuery().in(this).select('#editor').context((res) => {
this.editorCtx = res.context
}).exec()
})
}
//选择用户之后进行如下操作
let text = '’
let userName = '用户名称'
text += <span> </span><span style="color: #245bdb;">@${userName}</span><span> </span>
this.editorCtx.setContents({
html:text
})
光标应该在editor中的内容最后边
光标处于editor中的内容最前边
使用editor写@用户的功能，选择用户之后在editor里边插入这个@用户名称，这是后正常来说光标应该处于这个用户名称之后，但是这时候光标跑到了editor中内容的最前边，这样是不利于用户操作的
最佳回复
1.3.1 插入文本
往编辑器里增加格式化的内容是最常见的需求，Quill 针对该场景提供了非常丰富的 API，最基础的就是insertText()方法。
该方法既可以增加纯文本，又可以增加带格式的文本。
插入纯文本需要传入两个参数：
index 从哪个位置插入文本
text 插入什么文本
kotlin 代码解读复制代码this.quill.insertText(0, 'Quill 是一款 API 驱动的富文本编辑器');
插入带格式的文本需要额外传入两个参数：
format 格式的名字
value 格式的值
比如我想在当前光标后面插入一个带超链接的Quill：
kotlin 代码解读复制代码const range = this.quill.getSelection();
if (range) {
this.quill.insertText(range.index, 'Quill', 'link', 'https://quilljs.com/');
}
uniapp 源码写法写的这么死
case 'insertText':
{
range = quill.getSelection(true)
const { text = '' } = options
quill.insertText(range.index, text, 'user') //this.quill.insertText(range.index, 'Quill', 'link', 'https://quilljs.com/');text只能传文本，格式都不能传有什么用
quill.setSelection(range.index + text.length, 0, 'silent')
}
break
DCloud 即数字天堂(北京)网络技术有限公司是W3C成员及HTML5中国产业联盟发起单位
京ICP备12046007号-4 | 京公网安备：11010802035340号 | 国家信息安全等级保护三级，证书编号：11010813802-20001
3***@qq.com
这个问题 app端也有，貌似也是没有处理，想使用setcontents进行文字回显后编辑，结果使用代码聚焦时候光标在最前面。
2023-12-03 17:32
6***@qq.com
1.3.1 插入文本
往编辑器里增加格式化的内容是最常见的需求，Quill 针对该场景提供了非常丰富的 API，最基础的就是insertText()方法。
该方法既可以增加纯文本，又可以增加带格式的文本。
插入纯文本需要传入两个参数：
index 从哪个位置插入文本
text 插入什么文本
kotlin 代码解读复制代码this.quill.insertText(0, 'Quill 是一款 API 驱动的富文本编辑器');
插入带格式的文本需要额外传入两个参数：
format 格式的名字
value 格式的值
比如我想在当前光标后面插入一个带超链接的Quill：
kotlin 代码解读复制代码const range = this.quill.getSelection();
if (range) {
this.quill.insertText(range.index, 'Quill', 'link', 'https://quilljs.com/');
}
作者：Kagol
链接：https://juejin.cn/post/7325979519478218752
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
2024-11-26 11:22