Javascript TinyMCE:你能在自定义菜单按钮中嵌入插件吗?

Javascript TinyMCE:你能在自定义菜单按钮中嵌入插件吗?,javascript,tinymce,tinymce-4,tinymce-plugins,Javascript,Tinymce,Tinymce 4,Tinymce Plugins,从这个代码笔开始工作 代码: 请注意,第三项是自定义格式菜单(看起来像蜡笔) 我想做的是将fontsizeselect forecolor backcolor removeformat插件嵌入到该菜单中。 我需要从头开始重建所有插件吗?看起来它们应该可以在菜单中使用,不是吗?谢谢。格伦- 正如您所猜测的,将这些默认行为添加到工具栏的代码是在各种插件中完成的(在某些情况下是在主TinyMCE JS文件中完成的) 例如 forecolor和backcolor通过textcolor插件添加 fon

从这个代码笔开始工作

代码:

请注意,第三项是自定义格式菜单(看起来像蜡笔)

我想做的是将fontsizeselect forecolor backcolor removeformat插件嵌入到该菜单中。

我需要从头开始重建所有插件吗?看起来它们应该可以在菜单中使用,不是吗?谢谢。

格伦-

正如您所猜测的,将这些默认行为添加到工具栏的代码是在各种插件中完成的(在某些情况下是在主TinyMCE JS文件中完成的)

例如

  • forecolor
    backcolor
    通过
    textcolor
    插件添加
  • fontsizeselect
    removeformatting
    添加到主
    tinymce.js
    文件中
这(作为示例)是
textcolor
插件的一部分:

editor.addButton('forecolor', {
    type: 'colorbutton',
    tooltip: 'Text color',
    format: 'forecolor',
    panel: {
        role: 'application',
        ariaRemember: true,
        html: renderColorPicker,
        onclick: onPanelClick
    },
    onclick: onButtonClick
});
由于TinyMCE是开源的,您当然可以调整添加控件的位置。如果您查看
print
插件,您将看到一个插件示例,该插件将项目添加到菜单中,而不是工具栏

您可以修改插件和tinymce.js文件来完成您想要的工作,但请记住,在将来更新tinymce时,您需要管理这些更改

格伦-

正如您所猜测的,将这些默认行为添加到工具栏的代码是在各种插件中完成的(在某些情况下是在主TinyMCE JS文件中完成的)

例如

  • forecolor
    backcolor
    通过
    textcolor
    插件添加
  • fontsizeselect
    removeformatting
    添加到主
    tinymce.js
    文件中
这(作为示例)是
textcolor
插件的一部分:

editor.addButton('forecolor', {
    type: 'colorbutton',
    tooltip: 'Text color',
    format: 'forecolor',
    panel: {
        role: 'application',
        ariaRemember: true,
        html: renderColorPicker,
        onclick: onPanelClick
    },
    onclick: onButtonClick
});
由于TinyMCE是开源的,您当然可以调整添加控件的位置。如果您查看
print
插件,您将看到一个插件示例,该插件将项目添加到菜单中,而不是工具栏

您可以修改插件和tinymce.js文件来完成您想要的工作,但请记住,在将来更新tinymce时,您需要管理这些更改

所以基本上没有“简单”的方法。这似乎是功能上的真正差距。哦,好吧,基本上没有“简单”的方法。这似乎是功能上的真正差距。哦,好吧。