TinyMCE - 如何在特定位置插入内容

时间:2015-04-14 08:15:43

标签: javascript tinymce tinymce-4

这是我的尝试。

tinymce.init({
    ...
});
var frame2 = '<p><div>some text<div/></p>';
tinymce.execCommand('mceInsertContent',false,frame2);

在预览中输出视图

<div>some text</div>

如您所见,输出错误。所需的输出在下面,这是包装文本的p标签包装div。

<p><div>some text<div></p>

我在这里缺少什么?

2 个答案:

答案 0 :(得分:1)

试试这个:

var frame2 = '<p><div>some text</div></p>';

您没有正确关闭div标签。我认为这是给你错误输出的问题。

此外,包装&#39; p&#39;标签里面&#39; div&#39;而不是&#39; div&#39;在里面&#39; p&#39;。因此,如果它适合您的需要,请使用以下内容:

var frame2 = '<div><p>some text</p></div>';

答案 1 :(得分:0)

使用jQuery来操作最终视图似乎是一个更优雅的解决方案,更容易。最好放弃与编辑打交道。