当我调用 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 标记