css - tinyMCEエディターで太字アイコンを変更する

Question

tinyMCEエディターの太字のアイコンのテキストを「B」ではなく「太字」に変更したい！それは可能ですか？

ありがとう。

Answer 1

はい、これは可能です。たとえば、単純なテーマの場合、画像を次のように変更する必要があります。

画像を追加する場合は、太字の幅と他の要素の背景位置のオフセットを変更する必要があります。このために、このテーマの UI css を変更する必要があります。例:

オリジナル：

/* Theme */
.defaultSimpleSkin span.mce_bold {background-position:0 0;}
.defaultSimpleSkin span.mce_italic {background-position:-60px 0}
.defaultSimpleSkin span.mce_underline {background-position:-140px 0}
.defaultSimpleSkin span.mce_strikethrough {background-position:-120px 0}
.defaultSimpleSkin span.mce_undo {background-position:-160px 0}
.defaultSimpleSkin span.mce_redo {background-position:-100px 0}
.defaultSimpleSkin span.mce_cleanup {background-position:-40px 0}
.defaultSimpleSkin span.mce_insertunorderedlist {background-position:-20px 0}
.defaultSimpleSkin span.mce_insertorderedlist {background-position:-80px 0}

編集:

/* Theme */
.mce_bold{width: 40px !important;}
.defaultSimpleSkin span.mce_bold {background-position:0 0;width:40px !important;}
.defaultSimpleSkin span.mce_italic {background-position:-90px 0}
.defaultSimpleSkin span.mce_underline {background-position:-170px 0}
.defaultSimpleSkin span.mce_strikethrough {background-position:-150px 0}
.defaultSimpleSkin span.mce_undo {background-position:-190px 0}
.defaultSimpleSkin span.mce_redo {background-position:-130px 0}
.defaultSimpleSkin span.mce_cleanup {background-position:-70px 0}
.defaultSimpleSkin span.mce_insertunorderedlist {background-position:-50px 0}
.defaultSimpleSkin span.mce_insertorderedlist {background-position:-110px 0}

このために画像にスペースを追加し、追加されたこの新しいスペースを修正するために、すべての背景位置に 30px を強制的に追加します。あとはそのフォルムが楽しめます:D

あなたが私に言うなら、編集したファイルを添付します。