TinyMCE 从 iframe 在正文中添加 div答案

【问题标题】：TinyMCE add div around in the body from the iframeTinyMCE 从 iframe 在正文中添加 div
【发布时间】：2020-06-21 19:19:59
【问题描述】：

我使用 TinyMCE。 textarea 创建微型编辑器。小代码创建 iframe，在这个 iframe 中是编辑器。那么正常吗！

但现在我想要一个围绕编辑器的 div，在 iframe 的主体中。有没有办法解决我的问题？

enter image description here

【问题讨论】：

标签： html iframe tinymce

【解决方案1】：

我试着做点什么

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

【讨论】：

谢谢.. 但我想点击一个按钮！ div 应该在身体周围……而不是在 Tiny 中。如果我保存内容，则不应保存 div 代码。周围的 div 应该仅用于编辑期间的布局原因。