此插件会在工具栏中添加一个“预览”按钮。点击该按钮会打开一个对话框,以预览模式显示当前内容。它还会在File和View菜单下拉菜单中添加Preview菜单项。
基本设置
tinymce.init({
selector: 'textarea', // 根据你的 HTML 更改此值
plugins: 'preview',
toolbar: 'preview'
});有关使用模块打包器捆绑此插件的信息,请参阅Bundling TinyMCE - Overview。
工具栏按钮
预览插件提供以下工具栏按钮:
| 工具栏按钮标识符 | 描述 |
|---|---|
| 预览当前编辑器内容。 |
可以通过以下方式将这些工具栏按钮添加到编辑器中:
toolbar配置选项。
菜单项
预览插件提供以下菜单项:
| 菜单项标识符 | 默认菜单位置 | 描述 |
|---|---|---|
| File | 预览当前文档。 |
可以通过以下方式将这些菜单项添加到编辑器中:
menu配置选项。contextmenu配置选项。
命令
预览插件提供以下 TinyMCE 命令。
| 命令 | 描述 |
|---|---|
mcePreview | 显示编辑器内容的预览。 |
tinymce.activeEditor.execCommand('mcePreview');