我正在将TinyMCE v4.1用于我的项目,除了一件事之外它正在完成工作。
它不支持格式化。它被配置为仅接受文本和< span>元素。工具栏上有几个按钮,可以插入跨距,代表与我的项目目的相关的不同对象的图标。
问题有时候如果我插入一个跨度并点击它右边插入另一个跨度,光标进入第一个跨度内部,当我希望它成为一个时,它会将第二个跨度添加到第一个跨度中兄弟姐妹在第一次之后。
以下是我在设置参数函数中的按钮实现代码示例:
editor.addButton('itemType1Btn', {
text: 'Item Type #1',
icon: 'itemType1BtnIco',
onclick: function () {
var promptAnswer = prompt("Destination Color?", "#000000");
editor.insertContent("<span class='item itemType_1' data-to='" + promptAnswer + "'> </span>");
}
});
问题发生时,输出如下:
<span class='item itemType_1' data-to='#000000'>
<span class='item itemType_2' data-to='#000000'> </span>
</span>
当我想要它时:
<span class='item itemType_1' data-to='#000000'> </span>
<span class='item itemType_2' data-to='#000000'> </span>
我应该用什么代码代替insertContent()函数来适当地放置插入的内容?
感谢任何帮助!