Tinymce mceInsertContent在结尾处加入所有后续关闭标记

时间:2012-05-07 10:07:50

标签: html tinymce

我正在使用mceInsertContent在Tinymce编辑器中插入外部文本。 此文本需要标记(例如<tag>text</tag>),因为以后需要搜索此标记... 插入顺序时会出现问题。

一个通用例子,它点击了3次:

<button onclick="tinyMCE.execCommand('mceInsertContent',false,'<tag>text</tag>');">

然后查看编辑器中的html:

预期结果:

<tag>text</tag><tag>text</tag><tag>text</tag>

实际结果:

<tag>text<tag>text<tag>text</tag></tag></tag>

有没有办法禁用此转换?

甚至将光标定位在别处(点击之间)并返回到插入的前面......不起作用。

4 个答案:

答案 0 :(得分:0)

您可以在文字末尾添加'\ uFEFF'。

<button onclick="tinyMCE.execCommand('mceInsertContent',false,'<tag>text</tag>\uFEFF');">

我已经在Chrome中测试了这个解决方案。

答案 1 :(得分:0)

使用

    text ');">

在HTML末尾使用空格字符

答案 2 :(得分:0)

您可以在HTML末尾添加(&nbsp)空格字符。

答案 3 :(得分:0)

我在标签和 mceInsertContent 方面遇到了类似的问题。在我的情况下发生的事情是我插入了包含在 span 标签中的内容,插入后,span 保持打开状态,即使我可以看到结束的 span 标签。在最后添加 '\uFEFF' 字符串有效,但是我必须将整个元素组合成一个调用。 在此之前,我连续使用了几个 mceInsertContent 命令来构建元素,并且在我将所有内容合并为一行之前,将 \uFEFF 添加到末尾并不起作用。

        tinymce.activeEditor.execCommand('mceInsertContent', false, "<span class=\'ima\' style=\'color:blue\'>");
        tinymce.activeEditor.execCommand('mceInsertContent', false, "<-");
        tinymce.activeEditor.execCommand('mceInsertContent', false, "UNKNOWN (" + curPos + ")");
        tinymce.activeEditor.execCommand('mceInsertContent', false, "->");
        tinymce.activeEditor.execCommand('mceInsertContent', false, "</span>\uFEFF");

没用,但是:

tinymce.activeEditor.execCommand('mceInsertContent', false, "<span class=\'ima\' style=\'color:blue\'><-UNKNOWN (" + curPos + ")-></span>\uFEFF");

工作