如何在WYSIWYG编辑器中更改文本颜色

时间:2013-09-07 05:56:52

标签: html wysiwyg text-editor

我在管理控制面板中使用 WYSIWYG 文本编辑器。我想知道如何使用此编辑器更改文本的颜色。我该怎么做?

3 个答案:

答案 0 :(得分:1)

要启用颜色按钮,您必须将以下内容添加到config.toolbar

{ name: 'colors', items : [ 'TextColor','BGColor' ] },

查看CKEditor Toolbar了解更多详情。

答案 1 :(得分:0)

首先,如果你的WYSIWYG有颜色,你可以使用它。 如果不是我这么认为,每个WYSIWYG编辑器都有一个源视图,您可以编辑源代码,然后使用内联样式,您可以为文本着色 我使用过TinyMCE,我就这样做了

<div>
<p style="text-align: center; color: red;">saasdasddd</p>
</div>

我的文字颜色不是红色

答案 2 :(得分:0)

&#13;
&#13;
   
<!-- begin snippet: js hide: false console: true babel: false -->
&#13;
&#13;
&#13;

<!-- language: lang-html -->
 add this li
    <li><div class="wysihtml5-colors" data-wysihtml5-command-value="orange"></div><a class="wysihtml5-colors-title" data-wysihtml5-command="foreColor" data-wysihtml5-command-value="orange">' + k((g = b && b.locale, g = null == g || g === !1 ? g : g.colours, g = null == g || g === !1 ? g : g.orange, typeof g === j ? g.apply(b) : g)) + "</a></li>\n

<!-- end snippet -->