microCMS

リッチエディタ内の文字の色・背景色・サイズの変更ができるようになりました✍️

松田 承一

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

こんにちは、ウォンタ株式会社の松田です。
本日の更新情報をお伝えいたします!

リッチエディタに機能を追加しました🎉

リッチエディタ内の文字色の変更、文字背景色の変更、文字サイズの変更の3つの機能を追加しました。

文字色の変更

まずは文字色の変更です。色を変えたい文字を選択してリッチエディタ上部のアイコンより色を選んで変更することができます。
デフォルト(黒)に戻したい場合は色一覧の一番右上にある黒を選択してください。

APIでの取得時にはHTMLのstyle要素にcolor指定が入ります。

文字背景色の変更

続いて文字の背景色の変更です。こちらも同じように文字を選択して上部のアイコンより色を選択します。
こちらはデフォルト(背景色なし)に戻したい場合は色一覧の一番左上にある白を選択してください。

APIでの取得時にはHTMLのstyle要素にbackground-color指定が入ります。

文字サイズの変更

最後に文字サイズです。小・標準(デフォルト)・大・最大の4種類より選べます。

APIでの取得時にはHTMLのstyle要素にfont-size指定が入ります。値については小は0.75em、大は1.5em、最大は2.5emが入ります。

おわりに

今回の更新により特にメディアサイトなどではこれまで以上に表現豊かなコンテンツを作成することができます。
ぜひともご活用ください!

-----

microCMSは日々改善を進めています。
ご意見・ご要望は管理画面右下のチャット、公式Twitterメールからお気軽にご連絡ください!
引き続きmicroCMSをよろしくお願いいたします!

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

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

microCMSを無料で始める

microCMSについてお問い合わせ

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

お問い合わせ

microCMS公式アカウント

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

  • X
  • Discord
  • github

ABOUT ME

松田 承一
株式会社microCMSの代表 / 家族=👨‍👩‍👧 / ヤフー→大学教員など→現職 / 管理画面付きAPIがすぐに作れるmicroCMSというサービス作ってます。