如何在所见即所得编辑器中更改文本颜色答案

【问题标题】：How to change the text color in WYSIWYG Editor如何在所见即所得编辑器中更改文本颜色
【发布时间】：2013-09-07 05:56:52
【问题描述】：

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

【问题讨论】：

至少告诉我们哪个编辑器。问问题时，我不知道为什么人们认为世界上的每个人都知道提问者的想法和他们在做什么。
在CKEditor 中，您必须启用Text Color 和Background Color 按钮或将工具栏选项更改为Full Toolbar
我在 config.js 中启用了文本颜色和背景颜色，如下所示：- config.colorButton_enableMore = true ; config.colorButton_colors = '000000,feb71a,705e5f,95703c,7e4a5e,8b5543,6d715a,5c6e76'; config.colorButton_colors2 = 'ffffff,e6e6e6,f6f6f6,e8dadc,f8d273,f3f9e3,fbeabe,f4f8db,FFFF00' ;仍然没有显示编辑器的任何变化

【解决方案1】：

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

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

查看CKEditor Toolbar了解更多详情。

【讨论】：

【解决方案2】：

首先，如果您的 WYSIWYG 具有颜色格式，您可以使用它。如果不是我认为的那样，每个所见即所得编辑器都有一个源视图，您可以编辑源代码，然后使用内联样式为文本着色我用过 TinyMCE，我就是这样做的

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

不是我的文字颜色是红色

【讨论】：

【解决方案3】：

   
<!-- begin snippet: js hide: false console: true babel: false -->

<!-- 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 -->

【讨论】：