Question

我想用一个div包装我的Tiny MCE编辑器的内容，做这样的事情的文档看起来很模糊。

我想用<div id="random-wrap"> </div>

包装内容

我有什么选择？

以下是我尝试使用的代码

   jQuery(document).ready(function( $ ){
  var name = "wprsspostprepend";
if($("#" + name).length > 0) {
 $("#wprsspostprepend").addClass("prepend_editor");
  tinyMCE.init({
        mode : "specific_textareas",
        editor_selector : "prepend_editor"  
});
   var content =  tinyMCE.get("prepend_editor").getContent();
    tinyMCE.get("prepend_editor").setContent("<div id='random-wrap'>" + content + "</div>");
}



});

我正在尝试在wordpress上执行此操作，因此可能是问题，但我一直收到错误

无法读取null的属性'getContent'

Answer 1

这是因为您在完全初始化之前尝试访问编辑器内容。文档准备就绪后需要一些时间。

所以使用'init'事件的最佳方式如下。如果您想在编辑器的每次更改中更改内容，请使用“更改”事件而不是“init”

tinyMCE.init({
        mode : "specific_textareas",
        editor_selector : "prepend_editor",     
        setup: function (editor) {
                   editor.on("init", function () {
                        var content = editor.getContent();;
                        editor.setContent(content);
                   });
                }  

)};

用div包装Tiny MCE编辑器的内容

1 个答案: