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

Question

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

这是显示的对话框:

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

Answer 1

引用您的评论

without writing much of javascript codes

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

例如，名为“插入模板 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