html - WYSIWYG Editor で文字色を変更する方法

Question

管理者コントロール パネルでWYSIWYGテキスト エディターを使用しています。このエディターを使用してテキストの色を変更する方法を知りたいです。

Answer 1

カラーボタンを有効にするには、以下を追加する必要がありますconfig.toolbar

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

詳細については、 CKEditor ツールバーを確認してください。

Answer 2

まず、WYSIWYG にカラー フォーマットがある場合は、それを使用できます。そうでない場合は、すべての WYSIWYG エディターにはソースを編集できるソース ビューがあり、インライン スタイルを使用してテキストに色を付けることができます。私は TinyMCE を使用し、このようにしました。

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

私のテキストの色は赤ではありません

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