tinymce插入跨度内容但从未进入另一个跨度

时间:2014-07-02 15:27:49

标签: javascript tinymce tinymce-4

我正在将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 + "'>&nbsp;</span>");
    }
});

问题发生时,输出如下:

<span class='item itemType_1' data-to='#000000'>
    <span class='item itemType_2' data-to='#000000'>&nbsp;</span>
</span>

当我想要它时:

<span class='item itemType_1' data-to='#000000'>&nbsp;</span>
<span class='item itemType_2' data-to='#000000'>&nbsp;</span>

我应该用什么代码代替insertContent()函数来适当地放置插入的内容?

感谢任何帮助!

0 个答案:

没有答案