tinymce-4 - 在 TinyMCE-4 颜色选择器上添加 "Transparent"的颜色框

Question

我想要一个TinyMCE颜色选择器的选项来选择透明作为颜色，这样字符(“项目符号”)仍然会在那里并占用空间，但如果它的颜色是透明的，则不会可见。

有一个“X”框选项显示“无颜色”，但这似乎使颜色变为黑色，而不是透明。

有谁知道如何向此颜色选择器添加透明颜色选项，甚至使“X”框实现透明而不是黑色？

感谢您的任何想法。

Answer 1

我相信我能够做到这一点，我做了一些快速测试，它看起来工作正常。

我获得了最新版本的 TinyMCE (4.1.10_dev) 来访问 textcolor 插件的非缩小 JavaScript，有以下说明:

if (value == 'transparent') {
    resetColor();
} else {
    selectColor(value);
}

这里发生了什么？当您选择一种颜色时，它会运行 selectColor，它将所选文本包装在具有所选颜色的范围内。但是，当您选择无颜色时，它会删除此颜色范围(这就是它返回到默认颜色黑色的原因)，而不是将其设置为透明。

所以如果你这样做:

//if (value == 'transparent') {
//  resetColor();
//} else {
    selectColor(value);
//}

它不会删除跨度，而是将其更改为“透明”。

一件重要的事情是，tinyMCE 自动获取插件脚本，因此它仅适用于缩小版本，因此在完成这些更改后，您必须将脚本缩小为 plugin.min.js 并将其放在 textcolro 插件的文件夹中，覆盖那里的文件夹。

希望对您有所帮助。