TinyMCE

Question

为了保持站点响应能力并对在我的网络应用程序中输入的自定义用户数据应用标准网格系统（我正在使用 Zurb Foundation），我在 tinyMCE 中定义了一些模板以在我的网络应用程序中插入自定义用户数据和页面。但它只包括工具栏中的一个按钮，该按钮显示一个对话框，用于选择模板并在选择模板后按确定。这是模板插件提供的默认按钮：

这是显示的对话框：

但是我需要定义自定义工具栏按钮，以便在用户按下它们时添加我的自定义模板而不显示任何对话框。有什么正确的方法可以在 tinyMCE 中以简单的方式做到这一点，而无需编写很多 javascript 代码？

Answer 1

参考您的评论

without writing much of javascript codes

您总是需要编写 javascript 才能在 TinyMce 中创建类似的东西，但它并不一定很复杂。一种简单直接的方法是为您想要创建的每个工具栏按钮编写一个插件。

例如，名为 "Insert template X" 的插件可以是：

tinymce.PluginManager.add('test', function(editor, url) {
    editor.addButton('test', {
        text: 'Test',
        icon: true,
        onclick: function() {
            editor.insertContent('This is inserted');
        }
    });
});

在此处查找有关构建和使用您自己的插件的更多信息：http://www.tinymce.com/wiki.php/Tutorials:Creating_a_plugin

TinyMCE - 如何为每个模板添加自定义插入模板按钮

TinyMCE - how to add custom insert template button for each template

javascript

zurb-foundation

tinymce-4