microCMS

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

りゅーそう

この記事は公開後、1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

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

変更点

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

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

注意点

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

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

Google Chrome
version 91.0.4472.114

Firefox
version 90.0


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



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

まずは、無料で試してみましょう。

APIベースの日本製ヘッドレスCMS「microCMS」を使えば、 ものの数分でAPIの作成ができます。

microCMSを無料で始める

microCMSについてお問い合わせ

初期費用無料・14日間の無料トライアル付き。ご不明な点はお気軽にお問い合わせください。

お問い合わせ

microCMS公式アカウント

microCMSは各公式アカウントで最新情報をお届けしています。
フォローよろしくお願いします。

  • X
  • Discord
  • github

ABOUT ME

りゅーそう
1994年生まれ。 前職は高校地理歴史科教員。2021/9〜microCMS入社。React/TypeScriptが好きです。