当我调用tinymce.init时,Wordpress tinymce编辑器会改变

时间:2017-04-20 20:44:24

标签: javascript jquery wordpress tinymce

我正在尝试在插件中设置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插件图标,它变成了一个股票编辑器。

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

1 个答案:

答案 0 :(得分: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标签