插件 \ quickbars 快速工具栏在光标当前位置出现的快速工具栏

此页更新时间：2020-03-08 22:13

此页英文文档：https://www.tiny.cloud/docs/plugins/quickbars/

quickbars插件提供一个新的UI组件以帮助快速创建内容。

它提供了两种基于上下文的触发：

  • 快速选择（Quick Selection）：当选中文本时提供可访问的快速工具栏命令，如加粗、斜体、快速链接等。
  • 快速插入（Quick Insert）：为快速插入对象而创建的工具栏命令，如插入表格或图像。

它还提供了三个两个新的工具栏命令：

  • 快速图像（quickimage）：立刻打开上传本地图片的对话框窗口。
  • 快速表格（quicktable）：不提示选择行列数，直接插入一个2×2的表格。
  • 快速链接（quicklink）

DEMO-1：基本模式下开启quickbars插件

tinymce.init({
    selector: '#tinydemo',
    plugins: "quickbars",
});

DEMO-2：内联模式下开启quickbars插件

tinymce.init({
    selector: '#tinydemo',
    plugins: "quickbars link",
    inline: true,
    toolbar:false,
    menubar:false,
    quickbars_selection_toolbar: 'bold italic | link h2 h3 blockquote',
    quickbars_insert_toolbar: 'quickimage quicktable'
});

选中此处文本或在行尾敲回车分段。

选中此处文本或在行尾敲回车分段。

选中此处文本或在行尾敲回车分段。

额外配置参数

该插件同样也提供了额外的配置参数。

quickbars_image_toolbar 设置 图片 触发提供的工具栏。

5.2.0新增。

取值： false / 'alignleft aligncenter alignright 或其他在可用项目'

默认： 'alignleft aligncenter alignright'

设为false则禁用。

quickbars_insert_toolbar: 'alignleft aligncenter alignright'

quickbars_insert_toolbar 设置 快速插入 触发提供的工具栏。

取值： false / 'quickimage quicktable 或其他在工具栏中的可用项目'

默认： quickimage quicktable

设为false则禁用。

quickbars_insert_toolbar: 'quickimage quicktable'

quickbars_selection_toolbar 设置 快速选择 触发提供的工具栏。

取值： false / 'bold italic | h2 h3 blockquote 或其他在工具栏中的可用项目'

设为false则禁用。

默认： 'bold italic | h2 h3 blockquote'

quickbars_selection_toolbar: 'bold italic | h2 h3 blockquote'

以上两个参数指定工具栏按钮的写法与toolbar是一致的。

后排提醒：前文提到的“快速链接”按钮不是quicklink，就是link，所以你想插入链接，记得引入link插件。

以上配置说明在UI界面配置部分也有涉及。

下一节：save 保存

▲