7

ウェブサイトのテーマに合わせて追加したいプリセットの色がいくつかあります。TinyMce のデフォルトのフォント カラー パレットを変更するにはどうすればよいですか?

スクリーンショット-with-shadow.png http://img407.imageshack.us/img407/4526/screenshotwithshadow.png

4

4 に答える 4

3

A.簡単ですが汚い方法は、ソース コードを編集することです。tiny_mce.js ファイルを取得し、文字列 " 000000,993300,333300," を検索します。これが、SplitButton の色定義の始まりです。好きなように色を編集できるようになりました。これにより、すべての ColorSplitButton インスタンスの色設定が調整されます。

B.ソースコードをいじるほど汚れていない別の方法は、エディターの初期化後に色を調整することです。setup パラメータを tinymce 設定に追加する必要があります (または独自の tinymce プラグインの 1 つに配置します)。

   setup : function(ed) {
      ed.onInit.add(function(ed) {

         $('.mceColorSplitMenu').find('#_mce_item_2').get(0).setAttribute('data-mce-color','#0202FF');
         $('.mceColorSplitMenu').find('#_mce_item_3').get(0).setAttribute('data-mce-color','#0203FF');
          ...
         $('.mceColorSplitMenu').find('#_mce_item_41').get(0).setAttribute('data-mce-color','#0241FF');
      });
   }

SplitButton の他の属性 (つまり、タイトル、背景色など) も変更したい場合があることに注意してください。

C. 最もクリーンだが時間のかかる解決策は、そのコントロール要素の設定で選択した色を含む独自の ColorSplitButton を使用して独自のプラグインを開発することです (tinymce 開発者バージョンを見てください) というファイルがありますColorSplitButton.js。色設定を含むコードは次のとおりです。

    ColorSplitButton : function(id, s, ed) {
        var t = this;

        t.parent(id, s, ed);

        /**
         * Settings object.
         *
         * @property settings
         * @type Object
         */
        t.settings = s = tinymce.extend({
            colors : '000000,993300,333300,003300,003366,000080,333399,333333,800000,FF6600,808000,008000,008080,0000FF,666699,808080,FF0000,FF9900,99CC00,339966,33CCCC,3366FF,800080,999999,FF00FF,FFCC00,FFFF00,00FF00,00FFFF,00CCFF,993366,C0C0C0,FF99CC,FFCC99,FFFF99,CCFFCC,CCFFFF,99CCFF,CC99FF,FFFFFF',
            grid_width : 8,
            default_color : '#888888'
        }, t.settings);
于 2012-03-26T16:53:46.080 に答える
1

まあ、それは少し遅れていますが、私の解決策は次のとおりです。

1.「textcolor」プラグインを使用していると仮定して、「textcolor」フォルダを「plugins」ディレクトリにコピーし、新しい名前を付けます（「mytextcolor」としましょう）。それが新しいプラグインの名前になります (mytextcolor)

2.「mytextcolor」フォルダーで plugin.min.js を開き、12 行目にデフォルトのカラー パレットがあります。新しい色の名前とコードでそれを変更します。

3. tinymce 設定で、プラグイン パラメータの「textcolor」の名前を「mytextcolor」に変更します。

それが役立つことを願っています

于 2015-01-29T12:42:30.553 に答える