a-blog cmsで記事を作成していると、
外部サイトやアプリから「画像とテキストをまとめて」コピーして貼り付けたい場面は少なくありません。
しかし実際には、ブラウザやアプリの違いによって画像の取り込み可否が変わることがあります。

ここでは、Mac環境で画像付きコンテンツを効率よくa-blog cmsへ取り込むための実践的な方法をご紹介します。

ブラウザによって異なる貼り付け挙動

外部サイトやMarkdownエディタ（IA Writer など）から画像付きテキストをコピーして、a-blog cmsのブロックエディターへ貼り付ける場合、ブラウザによって挙動が異なります。

• Chrome

  • 見出しやテキストの書式は維持されるものの、画像が貼り付けらません。

• Safari

  • 画像もそのままブロックエディターに貼り付けされます。テキストとまとめて貼り付けできるため、作業効率が高くなります。

ただし、Safariで貼り付けた画像は、その時点では自サイトに保存されているわけではなく、ブロックエディター内に一時的に情報がストックされているため注意が必要です。

外部参照画像の注意点（重要）

一方、外部サイトから画像付きで内容をコピーした場合、画像は表示されていても実体が元サイトのサーバー上にあります。
この状態で公開するのはマナー違反です。、リンク切れや表示不具合の原因になる可能性もあります。

その場合は、以下の方法で対応します。

• 画像を一度ローカルに保存し、ブロックエディタから画像を再度アップロードする

ですが、このやり方では、せっかくの画像情報を活かすことができません。

さらに効率化する「Word経由」テクニック

より安定して画像付きテキストを貼り付けたい場合は、
Microsoft Wordを中間に挟む方法が非常に有効です。

手順：

1. 元サイトやアプリからコピー

2. Wordに貼り付け

3. Wordからコピー

4. a-blog cmsへ貼り付け

この方法のメリット：

• Chrome・Safariどちらでも画像を貼り付けできる

• 画像データとして認識されやすい

※ Mac標準のPagesでは同様の結果にならないため、Wordの利用を推奨します。

推奨ワークフロー（最も安定）

元ソース
→ Wordに貼り付け
→ Wordからコピー
→ a-blog cmsへ貼り付け
→ アップロードボタンで画像を保存

この方法を活用することで、
画像を一枚ずつ保存して再アップロードする手間を大幅に削減でき、
記事作成のスピードを大きく向上させることができます。

クリップボードに画像付きの情報をコピーして、貼り付けする。それだけなのですが色々なパターンが存在するのが、なんとも不思議ですね。