javascript - 如何调用 TinyMCE 插件函数？

Question

如何调用 tinymce 插件函数？

 tinymce.activeEditor.plugins.customplugin.customfunction(customvar);

不工作！

Answer 1

tinymce.activeEditor.plugins.customplugin.customfunction(customvar);

是调用此类函数的正确方法。请注意，tinymce.activeEditor需要已经设置才能使用它。 tinymce.activeEditor例如，当用户单击编辑器时设置。否则使用

tinymce.get('your_editor_id_here').plugins.customplugin.customfunction(customvar);

您的函数调用不起作用可能还有另一个原因：您要调用的函数需要像函数一样定义getInfo，_save并且_nodeChange在保存插件中（请参阅tinymce 的开发人员构建以检查插件目录中的此插件）。

保存插件在这里缩短：

(function() {
    tinymce.create('tinymce.plugins.Save', {
        init : function(ed, url) {
           ...
        },

        getInfo : function() {
                   ...
        },

        // Private methods

        _nodeChange : function(ed, cm, n) {
                   ...
        },

        // Private methods
                   ...
        _save : function() {

        }
    });

    // Register plugin
    tinymce.PluginManager.add('save', tinymce.plugins.Save);
})();

您可以getInfo使用以下 javascript 调用来调用此插件的功能：

tinymce.get('your_editor_id_here').plugins.save.getInfo();

Answer 2

把你要对外暴露的功能放在self.

tinymce.PluginManager.add('myplugin', function(editor) {
    var self = this;
    var self.myFunction = myFunction(); // Put function into self!

    function myFunction() {
        console.log('Hello world!');
    }
}

然后：

tinymce.get('your_editor_id_here').plugins.myplugin.myFunction();