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

如果你说我附上编辑过的文件。