microCMS

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

りゅーそう

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

変更点

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

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

注意点

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

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

Google Chrome
version 91.0.4472.114

Firefox
version 90.0


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



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

microCMS 採用情報

microCMSの採用に関する情報は、採用情報ページでご覧いただけます。

弊社メンバーが、業務内容やチームの雰囲気についてお話しているポッドキャスト「microCMS FM」もぜひチェックしてみてください。

カジュアル面談からでも大歓迎です。お気軽にご応募ください!

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

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

microCMSを無料で始める

microCMSについてお問い合わせ

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

お問い合わせ

microCMS公式アカウント

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

  • X
  • Discord
  • github

ABOUT ME

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