jquery - 通过 API 将颜色样式设置为 tinyMCE 文本选择

Question

我正在尝试使用 tinyMCE api（jQuery 版本）将特定颜色应用于编辑器中的选定文本

到目前为止，这就是我正在做的事情：

var node = tinyMCE.activeEditor.selection.getNode();
tinyMCE.DOM.setStyle(node, 'color', '#FFF');

问题是这将改变整个节点的颜色，而不仅仅是标记的文本。有没有办法通过 tinyMCE API 仅将颜色应用于标记的文本？

谢谢

Answer 1

我找到了答案。万一其他人被困在这里，我会发布解决方案。

// Registering the special format with a variable
tinymce.activeEditor.formatter.register('custom_format', {inline : 'span', styles : {color : '%value'}});

// Applying the specified format with the variable specified
tinymce.activeEditor.formatter.apply('custom_format', {value : 'red'});

Answer 2

我找到了这个简单的解决方案。设置选择背景/前景色

tinyMCE.init({
    ...
    theme_advanced_text_colors : "FF00FF,FFFF00,000000",
    ...
});