javascript - wangeditor插入span标签不可编辑问题？

问题描述：

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

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

第 1 个答案：

用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);

vue函数式组件functional,如何调用方法向父组件传值？调用方法会报错：TypeError: _vm.itemClick is not a function