当我使用以下代码在 CKEditor 3.0
中创建工具栏按钮时,我需要取消注释图标属性以使按钮可见。否则空间被占用但不显示标签。当我将鼠标悬停在它上面时,标题就会弹出。
editor.ui.addButton('customButton', {
label: 'Custom Action',
//icon: this.path + 'images/anchor.gif',
command: commandName
});
你知道如何创建没有图标的工具栏按钮吗?只是纯文本。
最佳答案
一种更简单的方法是 CKEditor 在您的自定义标签上自动创建一个 CSS 类,调用: cke_button_<命令>
例如,如果您的按钮命令名为“myCommand”,并且您设置“label: 'My Command'”,那么 CK 将呈现如下内容:
<a id="cke_27" class="cke_off cke_button_myCommand" ....>
...
<span id="cke_27_label" class="cke_label">My Command</span>
</a>
因此(假设您使用的是“kama”皮肤 - 如果没有,请替换您的皮肤),您可以使用以下 CSS 来覆盖 cke_label ==> display:none
.cke_skin_kama .cke_button_myCommand .cke_label {
display: inline;
}
瞧。
关于button - 如何在CKEditor中创建没有图标的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1697951/