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

Question

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

这是显示的对话框：

但是，当用户按而不显示任何对话框时，我需要定义自定义工具栏按钮以添加我的自定义模板。有没有正确的方法在tinyMCE中以简单的方式执行此操作而无需编写大量的JavaScript代码？

Answer 1

参考您的评论

  

没有写很多javascript代码

你总是必须编写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