@blog.justoneplanet.info

日々勉強

tinyMCEのプラグインを作ってみる

samplepluginを作るとする。

■メインの JavaScript

  • plugins/sampleplugin
(function(){
    /**
     * include language files
     */
    tinymce.PluginManager.requireLangPack('sampleplugin');
    
    /**
     * define plugin
     */
    tinymce.create(
        "tinymce.plugins.SamplePlugin", 
        {
            /**
             * init
             * @param {Object} editor : tinymce
             * @param {string} url
             */
            "init" : function(editor, url){
                editor.addCommand(
                    "sample",
                    function(){
                        //コマンドが実行された時のアクション
                    }
                );
                editor.addButton(
                    "sample",
                    {
                        "title" : "sampleplugin.desc",
                        "cmd"   : "sample"
                    }
                )
            },
            
            /**
             * getInfo
             * information of plugin
             */
            "getInfo" : function (){
                return {
                    "longname"  : "Sample tinyMCE Plugin",
                    "author"    : "Mitsuaki Ishimoto",
                    "authorurl" : "http://justoneplanet.info", 
                    "infourl"   : "http://justoneplanet.info",
                    "version"   : tinymce.majorVersion + "." + tinymce.minorVersion
                }
            }
        }
    );
    
    /**
     * setup plugin
     */
    tinymce.PluginManager.add(
        "sampleplugin",
        tinymce.plugins.SamplePlugin
    );
})();

■ 言語ファイル

  • plugins/sampleplugin/langs/ja.js
  • plugins/sampleplugin/langs/en.js
tinyMCE.addI18n('ja.sampleplugin',{
    desc : 'さんぷる'
});
tinyMCE.addI18n('en.sampleplugin',{
    desc : 'sample'
});

コメントはまだありません»

No comments yet.

RSS feed for comments on this post.TrackBack URL

Leave a comment