css - 在 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

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