2

私はtinymce 3.5.6を使用しています。ボタンを追加したいのですが、太字または下線ボタンのように機能しますが、選択したテキストにテキストシャドウを追加します。

まず、行に「textshadow」を追加しました

theme_advanced_buttons1

そして、次のすべての行を追加しました:

'formats' : {
    'textshadow' : {
        'inline' : 'span',
        'styles' : {
            'text-shadow' : '0px 1px 5px rgba(0,0,0,0.4)'
        }
    }
},

'setup' : function (ed) {
    ed.addButton('textshadow', {
        'title' : 'Text shadow',
        'image' : 'js/tiny_mce/themes/advanced/img/textshadow.png',
        'onclick' : function () {
            ed.formatter.apply('textshadow');
            return false;
        }
    });
},

これは機能しますが、太字や下線ボタンのようには機能しません。テキストを選択して text-shadow ボタンをクリックすると、選択したテキストに影が追加されますが、2 回目のクリックで影が削除されません。また、text-shadow でテキストを選択すると、text-shadow ボタンが選択されません (オンとしてマークされます)。

taxt-shadow ボタンを太字または下線ボタンとまったく同じように機能させるにはどうすればよいですか?

デモ: http://jsfiddle.net/8wGYC/1/ (最初のボタンは、フラッシュ アイコン付きのテキスト シャドウです)

編集: 他の解決策、異なる影に 3 つのオプションを持つ追加のドロップダウン メニューを作成します。しかし、私はそれをフォーマットドロップダウンメニューと同じように機能させたいです(選択されているものをマークし、2回目のクリックで影をキャンセルします)スタイルまたはフォーマットドロップダウンメニューの一部にしたくありません。別のドロップダウンメニューに入れたい。これを行う方法がわかりません...何かアイデアはありますか?

ありがとう

4

1 に答える 1