显示“隐藏”元素
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
promotiontinymce.init({
selector: "textarea", // 根据需要更改此值以匹配您的 HTML
promotion: true
});云端推广
onboarding
TinyMCE 的云端版本包含 14 天试用内付费功能的推广。此推广可以通过 onboarding 选项开启或关闭。
试用结束后,推广将自动消失。
类型: Boolean
默认值: 在云端实例中为 true;否则为 false。
可能的值: true,false
onboardingtinymce.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将不会生效。