此插件会在工具栏中添加一个“预览”按钮。点击该按钮会打开一个对话框,以预览模式显示当前内容。它还会在File和View菜单下拉菜单中添加Preview菜单项。

基本设置

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

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

工具栏按钮

预览插件提供以下工具栏按钮:

工具栏按钮标识符描述

preview

预览当前编辑器内容。

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

菜单项

预览插件提供以下菜单项:

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

preview

File

预览当前文档。

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

命令

预览插件提供以下 TinyMCE 命令。

命令描述

mcePreview

显示编辑器内容的预览。

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