当我调用 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'>");
                });
            }
        });
     }
});

然后只需通过附加属性

添加结束 div 标记

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

Wordpress tinymce editor changes when I call tinymce.init

javascript

wordpress

jquery

tinymce