2

TinyMCE 用に独自のフォント カラー ピッカーを作成できましたが、カラー パレットは元のカラー ピッカーにリンクされています。私がやろうとしているのは、カスタム カラー ピッカーを元のカラー ピッカーから完全に独立させることです (したがって、両方を表示できます)。これが私の現在のコードで、これは機能しますが、カラーパレットは両方のボタンで同じです:

tinymce.create('tinymce.plugins.ExamplePlugin', {
        createControl: function(n, cm) 
            {
                switch(n)
                {
                case "universityColors":
                   var o = {};
                   ed=tinyMCE.activeEditor;
                   o.scriptURL = ed.baseURI.getURI();
                   o['class'] = 'mce_forecolor';
                   o.title='University Font Colors';
                   o.scope=this;
                   o.image = '<?php echo $university->getDto()->getIcoFile();?>',
                   o.onclick = function (color) { ed.execCommand('Forecolor', false, color);/*this.cs.showMenu(); if (this.o.onClick) this.o.onClick(c);*/};
                   o.onselect = function (color) {
                       console.log('selected',color); /*this.color=this.o.color=c; if (this.o.onSelect) this.o.onSelect(c);*/

                       // execute the same command that the regular forecolor plugin uses (choosen theme needs to be advanced! in order to work)
                       ed.execCommand('ForeColor', false, color);
                   };
                   // limit the colors using own setting
                   if (v = ed.getParam('theme_advanced_text_colors')) o.colors = v;

                    var mcsb = cm.createColorSplitButton('universityColors', o);

                    // return the new ColorSplitButton instance
                    return mcsb;
                }
                return null;
            }
       });
    tinymce.PluginManager.add('universityColorPicker', tinymce.plugins.ExamplePlugin);
    tinyMCE.init({
        mode: "specific_textareas",
        editor_selector: "tinyMCE",
        theme : "advanced",
        plugins : "emotions,spellchecker,advhr,insertdatetime,preview, -universityColorPicker", 

         // Theme options - button# indicated the row# only
        theme_advanced_buttons1 : "newdocument,|,bold,italic,underline,|,justifyleft,justifycenter,justifyright,fontselect,fontsizeselect,formatselect",
        theme_advanced_buttons2 : "cut,copy,paste,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,code,preview,|,forecolor,backcolor, universityColors",
        theme_advanced_buttons3 : "insertdate,inserttime,|,spellchecker,advhr,,removeformat,|,sub,sup,|,charmap,emotions",      
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,
        theme_advanced_text_colors :"<?php echo implode(',', $university->getDto()->getColors());?>" // example

        });
4

2 に答える 2

2

カスタム フォントを適用するには、次のフィドルを参照してください: http://fiddle.tinymce.com/jYcaab/2

于 2013-04-08T08:00:28.093 に答える
0

何が起こっているのかを読んだ後、これは実際には非常に簡単でした. 必要な作業は、次の行を変更することだけでした。

 if (v = ed.getParam('theme_advanced_text_colors')) o.colors = v;

if (v = ed.getParam('custom_colors')) o.colors = v; に

custom_colors次に、init メソッドに add定義を追加します。

于 2013-04-05T23:19:27.557 に答える