显示“隐藏”元素

visual

此选项设置编辑器书签(anchor)和边框宽度为 0 的表格的视觉辅助工具的初始状态。如果表格边框设置为 0,TinyMCE 默认会在表格周围添加虚线。

当设置为 false 时,编辑器加载时视觉辅助工具将被禁用。visualaid 工具栏按钮和菜单项允许用户切换视觉辅助工具的可见性。

类型: Boolean

默认值: true

可能的值: true,false

示例:使用 visual

tinymce.init({
  selector: 'textarea',  // 根据需要更改此值以匹配您的 HTML
  visual: false
});

visual_anchor_class

此选项允许您配置一个自定义类,以添加到带有名称的锚点上,因为这些锚点默认情况下是不可见的。

类型: String

示例:使用 visual_anchor_class

tinymce.init({
  selector: 'textarea',  // 根据需要更改此值以匹配您的 HTML
  visual_anchor_class: 'my-custom-class'
});

visual_table_class

此选项允许您配置一个自定义类,以添加到边框设置为 0 的表格上。此类用于为那些对用户而言不可见的表格添加虚线边框。

类型: String

示例:使用 visual_table_class

tinymce.init({
  selector: 'textarea',  // 根据需要更改此值以匹配您的 HTML
  visual_table_class: 'my-custom-class'
});

显示“隐藏”字符

要启用“隐藏”字符的视觉辅助工具,请参阅:The Visual Characters plugin

大纲块元素

要启用块元素的大纲,请参阅:The Visual Blocks plugin。

开源推广

promotion

TinyMCE 的开源版本包含付费功能的推广。此推广可以通过 promotion 选项开启或关闭。

类型: Boolean

默认值: 在 Community 自托管实例中为 true;否则为 false。

可能的值: true,false

示例:使用开源 promotion
tinymce.init({
  selector: "textarea",  // 根据需要更改此值以匹配您的 HTML
  promotion: true
});

云端推广

onboarding

TinyMCE 的云端版本包含 14 天试用内付费功能的推广。此推广可以通过 onboarding 选项开启或关闭。

试用结束后,推广将自动消失。

类型: Boolean

默认值: 在云端实例中为 true;否则为 false。

可能的值: true,false

示例:使用云端 onboarding
tinymce.init({
  selector: "textarea",  // 根据需要更改此值以匹配您的 HTML
  onboarding: false
});

聚焦时高亮内容区域

要启用编辑器的聚焦高亮功能,

highlight_on_focus

在 TinyMCE 7.0 中,highlight_on_focus 的默认设置从 false 更改为 true。任何在 TinyMCE 中使用 highlight_on_focus: true 选项的编辑器,在升级到 TinyMCE 7.0 时都可以从其 TinyMCE 初始化配置中删除此选项。

highlight_on_focus 选项在实例化的 TinyMCE 编辑器获得输入焦点时为其添加蓝色轮廓。当使用 oxide-dark 皮肤时,轮廓为白色。

这允许用户清楚地看到编辑器何时处于焦点状态,或者在有多个 TinyMCE 实例可用时,哪个编辑器具有焦点。

类型: Boolean

默认值: true

可能的值: true,false

示例:使用 highlight_on_focus

tinymce.init({
  selector: "textarea",
  highlight_on_focus: false
});

使用自定义皮肤配合 highlight_on_focus

如果使用了 自定义皮肤,可以更新两个变量以使 highlight_on_focus 选项的外观与自定义皮肤相匹配。

这两条规则及其默认值为:

@edit-area-border-color: #2D6ADF;
@edit-area-border-width: 2px;
这完全是可选的。如果未更改默认值,highlight_on_focus 选项与自定义皮肤的工作方式将与 TinyMCE 默认皮肤完全相同。

减少初始化闪烁

启用同步 iframe 初始化。

init_content_sync

此选项确定 iframe 是同步还是异步初始化。

禁用时,编辑器使用 srcdoc 异步初始化。这偶尔可能导致编辑器在初始化过程中闪烁。

启用后,编辑器将使用document.write 以同步方式初始化。这可以减少闪烁现象。

但在同步初始化过程中仍可能出现闪烁,例如在加载内容css 时。

强烈不建议document.write方法,具体请参阅 相关文档。

类型:Boolean

默认值:false

可能的值:true、false

示例:使用 init_content_sync

tinymce.init({
  selector: 'textarea',  // 根据需要修改此选择器
  init_content_sync: 'true',
});
当TinyMCE 在内联模式下运行时(即设置了inline: true),init_content_sync: true 将不会生效。