在tinyMCE编辑器中更改粗体图标

Question

我想将tinyMCE编辑器中的粗体图标文本更改为“Bold”而不是“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

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