此插件能够在可编辑区域中显示不可见字符（例如  ）。它还会添加一个toolbar控件和一个菜单项显示不可见字符在View菜单下。

基本设置

tinymce.init({
  selector: 'textarea',  // 根据您的HTML更改此值
  plugins: 'visualchars',
  toolbar: 'visualchars'
});

有关使用模块打包器捆绑此插件的信息，请参阅 Bundling TinyMCE - Overview。

选项

此设置影响 visualchars 插件的执行。可以通过此选项配置字符默认可见。

visualchars_default_state

此选项允许指定 Visual Characters 插件的默认状态。

类型： Boolean

默认值： false

可能的值： true、false

示例：使用 visualchars_default_state

tinymce.init({
  selector: 'textarea',  // 根据HTML更改此值
  plugins: 'visualchars',
  toolbar: 'visualchars',
  visualchars_default_state: true
});

工具栏按钮

Visual Characters 插件提供以下工具栏按钮：

工具栏按钮标识符描述

visualchars

切换不间断字符元素的可见性。

这些工具栏按钮可以通过以下方式添加到编辑器：

菜单项

Visual Characters 插件提供以下菜单项：

菜单项标识符默认菜单位置描述

visualchars

视图

切换不间断空格的可见性开关。

这些菜单项可以通过以下方式添加到编辑器：

命令

Visual Blocks 插件提供以下 TinyMCE 命令。

命令描述

mceVisualChars

切换可视化字符的开关。

示例
tinymce.activeEditor.execCommand('mceVisualChars');