Pipedream - ドキュメントの更新をMCPに同期する (p_OKCgO3e)

Author: himaratsu

docs/manual/リッチエディタの操作方法.md

@@ -7,16 +7,13 @@ directory: manual
 
 このページではリッチエディタの操作方法と機能について説明しています。
 
-こちらは2023年5月31日にリリースされた、新しいリッチエディタについてのドキュメントです。  
-旧リッチエディタの操作方法については「[旧リッチエディタの操作方法](https://document.microcms.io/manual/how-to-use-richeditor)」を、旧リッチエディタとの機能比較については[「新リッチエディタと旧リッチエディタの違い」](#ha5d1a56c44)をご参照ください。
-
 リッチエディタについて
 ===========
 
 リッチエディタは装飾付きのテキストを入力できるエディタです。  
 見出し、太字、リンクや画像の挿入まで、自由度高くコンテンツを作成できます。作成したコンテンツは、HTMLとしてAPIで取得できます。  
 
-![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/ce2cbd9b895a4cc3857de68d60065057/CleanShot%202023-04-12%20at%2015.53.23%402x.png)  
+![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/d96b5cebe9db45cb949c893b26c99855/CleanShot%202025-08-21%20at%2011.09.21.png)  
 
 リッチエディタはWYSIWYGエディタとも呼ばれ、他のCMSやツールでもよく利用されています。基本的な操作感は似ているため、慣れている方であればすぐに使いこなすことができます。
 
@@ -123,7 +120,7 @@ _Shift + Enter_を押すと改行が挿入されます。
 
 任意の文字サイズを指定できます。  
 
-![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/9d4c0d5034ed440881be5863d6c90d47/CleanShot%202025-04-30%20at%2014.34.45.png)  
+![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/f51f559840f44027aeaf261c209f6a3d/CleanShot%202025-08-21%20at%2011.15.29.png)  
 
 テキストが`span`タグで囲われ、`style`属性に`font-size`プロパティ（文字サイズ）が設定されます。
 
@@ -132,11 +129,11 @@ _Shift + Enter_を押すと改行が挿入されます。
 
 文字サイズの指定には、事前に[API設定](https://microcms-docs.microcms.io/manual/api-model-settings#h31cd4280f0)でプリセットを登録する必要があります。  
 
-![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/5079ad53af8f406e83edf2a0b6b23890/image.png)  
+![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/c8b9b8163286409f92ed231813068c59/CleanShot%202025-08-21%20at%2011.06.31.png)  
 
-文字サイズをリセットするときは、［フォントサイズの設定を解除］を選択してください。  
+文字サイズをリセットするときは、［文字サイズの設定を解除］を選択してください。  
 
-![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/51169043acd64aea890715bca2b96eac/CleanShot%202025-04-30%20at%2016.43.43.png)  
+![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/9d0ff796ac5944f585192565132588fd/CleanShot%202025-08-21%20at%2011.07.38.png)  
 
 テキスト寄せ
 ======
@@ -331,7 +328,23 @@ alt（代替テキスト）については、[メディアの管理画面](/manu
       <figcaption>caption</figcaption>
     </figure>
 
-なお、サポートしているリンクのフォーマットは、テキスト要素に指定できるフォーマットと同様です。詳細は「[リンク](/manual/rich-editor-usage#ha5cfc5d3a5)」の項目をご参照ください。
+なお、サポートしているリンクのフォーマットは、テキスト要素に指定できるフォーマットと同様です。詳細は「[リンク](/manual/rich-editor-usage#ha5cfc5d3a5)」の項目をご参照ください。  
+
+画像の横位置
+======
+
+画像にフォーカスした状態で「横位置」をクリックすることで、画像の横位置を指定できます。  
+  
+![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/3df3014d86b149358c1601e766e0408b/CleanShot%202025-09-08%20at%2013.35.54.png)  
+  
+`figure` タグの`style` 属性に`text-align` プロパティが付与されます。
+
+    <figure style="text-align: left;">
+      <img src="https://images.microcms-assets.io/assets/service/test/file.png" 
+            alt="" width="1200" height="630" />
+    </figure>
+
+  
 
 ファイル
 ====
@@ -445,7 +458,7 @@ Undo / Redo
 
 Webサイト側で考慮している装飾にだけに絞るなど、便利にお使いいただけます。  
 
-![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/5f41d500812b4b5f9521cec4fcc75cde/CleanShot%202023-04-12%20at%2018.04.12%402x.png)
+![](https://images.microcms-assets.io/assets/d6af1616730544a596d299c20834f460/b28cf37ed3424a91b062df6f4869ef77/CleanShot%202025-08-21%20at%2011.20.42.png)
 
 リッチエディタと旧リッチエディタの違い
 ===================