html - 在 tinymce 编辑器中设置 html

Question

我正在尝试使用 jquery 在 tinymce 中设置 HTML 数据。但我有一些问题。

我的 html 数据如下：

  var data = "<div><img src='http://localhost/images/test.png' /><div>Image Title</div></div> html";
    tinyMCE.activeEditor.setContent(data , {format : 'raw'} ); 

它可以正确渲染 div 和图像。但我得到了额外的

带有 html 的标签如果我删除 html 单词，则数据未在编辑器中正确呈现

我也尝试了以下各种组合，但没有帮助：

tinyMCE.activeEditor.dom.setHTML(tinyMCE.activeEditor.id, str);
tinyMCE.activeEditor.setContent(data ); 

Answer 1

Tinymce 和浏览器负责输入的 html 的有效性。你能在输入数据后显示编辑器内容吗？

tinyMCE.activeEditor.setContent(content);

是用内容变量保存的文本替换当前编辑器内容的通常正确方法。