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

时间:2012-07-21 11:06:00

标签: jquery tinymce

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

这就是我到目前为止所做的事情:

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

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

由于

2 个答案:

答案 0 :(得分:5)

我找到了答案。如果其他人被困在这里,我会发布解决方案。

// 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'});

答案 1 :(得分:0)

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

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