时间戳

首页 > 解决方案 > TinyMCE 从 iframe 在正文中添加 div

html - TinyMCE 从 iframe 在正文中添加 div

问题描述

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

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

在此处输入图像描述

标签： htmliframetinymce

解决方案

我试着做点什么

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

推荐阅读