TinyMCE add div around in the body from the iframe

问题

I use the TinyMCE. The textarea create the tiny-editor. And the tiny-code create the iframe and in this iframe is the editor. So is it normal!

But now I want a div around the editor, in the body of the iframe. Is there an option to solve my problem?

enter image description here

回答1:

I tried to make something

tinymce.init({
  selector: "#mytextarea",
  tinymce options: ... ,

  toolbar: "add_div",

  setup: function(editor) {

    editor.ui.registry.addButton("add_div", {
    text: "Add Div",
    icon: "plus", // look editor-icon-identifiers page
      onAction: function() {
        var element = tinymce.activeEditor.dom.select("#tinymce");
        var content = element[0].innerHTML;
        element[0].innerHTML = "<div>"+content+"</div>";
      }
    }); // close registry.addButton

  }, // close setup function

}); // close tinymce.init

来源：https://stackoverflow.com/questions/62503369/tinymce-add-div-around-in-the-body-from-the-iframe