microCMSブログ

microCMSの最新情報や活用事例などをお届けします。

更新情報

リッチエディタで画像の横位置を指定できるようになりました

リッチエディタで画像の横位置を指定できるようになりました
杉田龍星 杉田龍星

更新情報をお知らせいたします。
このたび、リッチエディタのツールバーから画像の「横位置(左・中央・右)」を選択して揃えられる機能をご利用いただけるようになりました。キャプションも画像と同じ位置に揃います。

使い方

1. 画像を選択(画像にフォーカス)
2. ツールバーの「横位置」から「左揃え」「中央揃え」「右揃え」を選択すると、リッチエディタ内の画像に反映されます

開発・運用者向け

コンテンツAPIのレスポンスおよびWebhookのペイロードでは、figure要素にtext-alignが付与されます。

例(中央寄せ):

<figure style="text-align: center;"><img src="…" alt="" width="1024" height="1024"><figcaption>キャプション</figcaption></figure>


WRITE APIでは以下の3種を任意で指定できます(指定がない場合は styleなしのfigure になります)。

<figure style="text-align: left;"> 
<figure style="text-align: center;"> 
<figure style="text-align: right;"> 


おわりに

今回のアップデートにより、記事内のレイアウト調整がより簡単になりました。ぜひお試しください。
ご要望やご不明点がございましたら、管理画面右下のチャットよりお気軽にお知らせください。

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

microCMSは無料ではじめられます。
ご不明な点はお気軽にお問い合わせください。