当前位置: 首页 > 知识库问答 >
问题:

javascript - 关于wangeditor插入span标签不可编辑问题?

洪凯定
2023-06-07

富文本编辑器wangeditor的版本是v5.x.x,我想插入span标签contenteditable为false不可编辑,看了他这个demo源码真是累呀,还是用上世纪jq时代写的,github代码示例写的不全,插件配合wangeditor使用的文档也没写详细,请问有哪位大佬用过这功能的,能贴下完整示例代码嘛

这是官网
这是github地址
这是demo

共有1个答案

申光临
2023-06-07

用Range和DocumentFragment来插入:

let range = window.getSelection().getRangeAt(0);
let fragment = document.createDocumentFragment();

let span = document.createElement('span');
span.contentEditable = 'false';
span.innerText = 'your text';

fragment.appendChild(span);

range.insertNode(fragment);
 类似资料:
  • Ruby我已经开始在我的Ruby代码中插入不可编辑的文本,我觉得这很烦人。例如,这个简单的rSpec表达式: ...变成了这样: 另一个例子是: ...变成了这样: 如何关闭此功能?

  • 在我的应用程序中,有一个JComboBox,其中包含大约200个条目。使用该应用程序的人抱怨说,即使他们确切地知道列表的最后一个元素是什么,也必须一直滚动到底部是令人沮丧的。 所以我把JComboBox设置成可编辑的,这样他们就可以输入最后一个元素了。但是,我的数据库不接受该组合框的下拉列表中没有的任何值。 有没有办法使JComboBox仅“可键入”而不是“可编辑”,因此它将允许您键入值,但前提是

  • 本文向大家介绍jQuery标签编辑插件Tagit使用指南,包括了jQuery标签编辑插件Tagit使用指南的使用技巧和注意事项,需要的朋友参考一下 一.Tagit插件功能 提高网站交互性,增加用户体验。至于其它的功能,还真没有。用一个input text就可以替换了它。但是text没有输入提示功能,而tagit拥有这个功能。官方示例如下图: 将关键词标签化,成为一个整体。方便删除与浏览。 二.Ta

  • 请问 monaco-editor 怎么将图片等自定义元素插入到编辑器,让图片可以跟随文本流被编辑、删除, 我尝试过 Content Widget 但是不是我想要的效果,我想要的效果类似富文本编辑器那样的。 有实现过的小伙伴感谢分享一下方案,谢谢。

  • 问题内容: 我有一个contenteditable div,需要在插入符号的位置插入文本, 可以通过IE在IE中轻松完成此操作 在Firefox / Chrome中有类似的实现方式吗? 谢谢! 问题答案: 以下功能将在插入符号位置插入文本,并删除现有选择。它适用于所有主流桌面浏览器: 更新 基于注释,下面是一些用于保存和还原选择的代码。在显示上下文菜单之前,应该将返回值存储在一个变量中,然后在隐藏

  • 对不起,我的英语很差。我有一个问题,我无法解决。 你如何编辑标签的背景(或删除这些信息) http://s33.postimg.org/5ayxjlkcv/eac8a54f51_1.jpg 文档里找不到。 以下是我的代码: http://codepen.io/anon/pen/XKXJEr