javascript - 尝试在summernote中添加链接时,给定范围不在文档中
问题描述
我在 Chrome 控制台中遇到错误,我尝试使用 Summernote 添加文本链接。Summernote 是 Bootstrap 主题的一部分。错误发生在这里:
this.select = function () {
var nativeRng = nativeRange();
if (agent.isW3CRangeSupport) {
var selection = document.getSelection();
if (selection.rangeCount > 0) {
selection.removeAllRanges();
}
selection.addRange(nativeRng);
} else {
nativeRng.select();
}
};
在这条线上,我通过添加功能selection.addRange(nativeRng);
尝试了这个解决方案,但它对我没有帮助。关于编辑器出了什么问题的任何想法?提前谢谢你。dialogsInBody: true
summernote()
编辑:我发现只有在airMode
设置为false
. 如果airMode: true
- 它可以工作,但编辑器的显示方式不同。
解决方案
通过添加以下代码在 Angular 7 中修复它。
@ViewChild('editor') editor: Editor;
setTimeout(() => {
this.editor.writeValue(data);
this.editor.quill.setSelection(null, data.length, null);
}, 100);
推荐阅读
- python - mongo 连接的上下文管理器即使在关闭连接后也会给出查询结果
- python - 使用 Python OpenCV 使用颜色不变量
- c - 在 C 中,将值分配给结构内的字段会导致“预期为 ';'”错误
- vb.net - 用鼠标画一个矩形,但不是在 OpenfileDialog 忙的时候
- oauth-2.0 - jHipster, Keycloak - 如何正确更新 keycloak 上的用户数据?
- flutter - Flutter firebase-messaging + firebase-analytics 解除绑定时抛出异常
- javascript - Javascript在同一页面上显示innerHTML
- docker - Splunk 如何在 Docker 上下文中区分输出到 stdout 和 stderr?
- javascript - 有没有办法将 JSON 对象/服务器数据传递给从 webpack 生成的主 JS 模块?
- c# - 包含字典的 C# 复杂对象
XML反序列化问题