TinyMCE

Question

这是我的尝试。

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

输出预览视图

<div>some text</div>

如您所见，输出是错误的。所需的输出如下所示，即 p tag wraps div 包装文本。

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

我在这里错过了什么？

Answer 1

试试这个：

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

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

此外，最好将 'p' 标记包裹在 'div' 内，而不是将 'div' 包裹在 'p' 内。因此，如果在这种情况下它适合您的需要，请使用以下内容：

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

Answer 2

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

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