javascript - 当我调用tinymce.init 时，Wordpress tinymce 编辑器会发生变化

Question

我正在尝试在插件中设置tinymce编辑器的内容，我可以更改内容，但当我使用此代码时编辑器的外观会发生变化

jQuery(document).ready(function($) {
var name1 = "wprsspostprepend";
if($("#" + name1).length > 0) {

  tinyMCE.init({
    selector : "#wprsspostprepend",
     setup: function (editor) {
    editor.on('init', function () {
      var selector = tinyMCE.get('wprsspostprepend');
      var content =  selector.getContent();
   selector.setContent("<div id='random-wrap'>" + content + "</div>");
    });
  }
});

}


 });

我从菜单栏中丢失了所有 WordPress 插件图标，它变成了一个库存编辑器。

如何在不改变外观的情况下设置编辑器的内容？

Answer 1

我想这是因为您将所有内容都添加到了内容之前，包括内容本身。

尝试这样的事情；

jQuery(document).ready(function($) {
    var name1 = "wprsspostprepend";
    if($("#" + name1).length > 0) {
        tinyMCE.init({
            selector : "#wprsspostprepend",
            setup: function (editor) {
                editor.on('init', function () {
                    var pre = tinyMCE.get('wprsspostprepend');
                    var content = pre.getContent();
                    selector.setContent("<div id='random-wrap'>");
                });
            }
        });
     }
});

然后只需通过append属性添加一个结束div标签