inline

此选项在移动设备上不受支持。

inline 选项允许您指定 TinyMCE 是否应以内联模式运行。

在创建用户体验时，如果您希望页面的编辑视图与页面的阅读视图合并，内联编辑模式会非常有用。当处于内联模式时，内容将在编辑器初始化的元素内进行编辑，而不是在 iframe 内进行编辑。内联编辑器被设计为在选中内容之前处于“隐藏”状态，并使用其初始化页面的 CSS 样式。

类型： Boolean

默认值： false

可能的值： true，false

示例：使用 inline

tinymce.init({
  selector: '#myeditablediv',  // 根据 HTML 更改此值
  inline: true
});
TinyMCE 在内联模式下不会在以下元素上初始化：area、base、basefont、br、col、frame、hr、img、input、isindex、link、meta、param、embed、source、wbr、track、colgroup、option、table、tbody、tfoot、thead、tr、th、td、script、noscript、style、textarea、video、audio、iframe、object 和 menu。

有关编辑模式之间差异的更多信息，请参阅此页面 此处。

CSS 样式表和内联编辑器内容

当以 inline 模式使用 TinyMCE 时，编辑器将继承其所嵌入页面的 CSS 样式表。

如果以 inline 模式使用编辑器，则在使用依赖于编辑器内部结构的样式时应注意。例如，如果有一个如下所示的类：

h1 strong {
  color: orange;
}

这将使内容中的短语“粗体文本”变为粗体且为橙色：

<h1>此文本在标题中为 <strong>粗体文本</strong></h1>

如果用户将标题更改为段落或不同的标题级别，则粗体文本的颜色将为用户更改。虽然根据样式表这是完全正确的行为，但从用户的角度来看，这完全是出乎意料的。

event_root

此选项允许您指定一个 CSS 选择器，用于选择作为事件根的元素，当编辑器处于 inline 模式时使用。

默认情况下，所有事件都会绑定到可编辑区域。但在某些 DOM 被修改的实现中，您可能希望将这些事件绑定到一个容器，然后根据元素 ID 将事件委托给正确的编辑器。

类型： String

示例：使用 event_root

tinymce.init({
  selector: 'div',  // 根据 HTML 更改此值
  inline: true,
  event_root: '#root'
});