TinyMCE 有三种主要集成模式：

  • “经典”完整编辑器模式

  • 内联编辑模式

  • 无干扰模式

这些模式之间有几个重要区别：

  • 经典模式在页面中嵌入一个 iframe，对内容区域中使用的内容和样式进行沙盒隔离。

  • 内联模式不使用 iframe；编辑器在所选 HTML 元素上运行。

  • 内联编辑器不进行沙盒隔离，因此页面脚本和样式可以在编辑器中使用。

  • 无干扰模式是一个内联编辑器，通过额外配置提供更多功能。

经典模式指的是标准的 TinyMCE 集成。例如：

HTML

<textarea id="default">Hello, World!</textarea>

JS

tinymce.init({
  selector: 'textarea#default'
});

示例：用默认编辑器替换 textarea

可以使用以下方式将一个基本的 TinyMCE 编辑器添加到 id 为 mytextarea 的 textarea 元素中：

tinymce.init({
  selector: 'textarea#mytextarea'
});

相关配置选项