microCMS

リッチエディタの文字色・背景色を自由に選択できるようになりました。

更新情報
野﨑 洋平

こんにちは。
本日の更新情報です!!
リッチエディターの文字色・背景色がカラーピッカーで自由に選択することができるようになりました。

変更点

変更前、リッチエディタの文字色と背景色はデフォルトのカラーのみ用意されていました。
今回の変更により、色選択の「カスタム」をクリックすると、カラーピッカーが開くようになりました。
そこから自由に文字色・背景色を選択することが出来ます!

・リッチエディタの色の選択メニューにカスタムという選択肢が追加されました。
カラーピッカーに「カスタム」という選択肢が追加
・クリックするとカラーピッカーが開き、色を選択することが出来ます。
カラーピッカーが表示
・背景色も同様に色を自由に選択することが出来ます。

注意点

このカラーピッカーはブラウザに備え付けの機能を使用しているため、ブラウザごとに挙動が異なります(IEは非対応となります)。
参考:MDN | <input type="color" /> ブラウザの互換性

挙動は以下のようになります。

Google Chrome
version 91.0.4472.114

Firefox
version 90.0


Safari
version 14.0.3
カラーパネルを表示をクリックするとカラーピッカーが表示されます。



以前までは、表現できなかった色も自由に選択できるようになるかと思います。
ぜひ、お試しください!!

ABOUT ME

野﨑 洋平
1994年生まれ。ネット上では「りゅーそう」という名前で活動。 前職は高校地理歴史科教員。社内(校内?)の働き方改革を進めるためにプログラミングを独学する。2021/9〜microCMS入社。React/TypeScriptが好き。愛猫/愛犬家。

microCMSとは

  1. 開発者、編集者どちらも分かりやすい管理画面

  2. 細かな権限管理や豊富な外部サービス・データ連携

  3. 安心の日本製・日本語でのチャットサポート