ブログ投稿 (単一エントリ ページ) は、テキストと画像で構成されます。チャネル「blog」には、フィールド グループ「blog_entries」があります。fieldgroup の興味深いフィールドは、「blog_body」と、「image1」、「image2」、「image3」という 3 つの関係フィールドです。画像は、「images」という別のチャネルに保存されます。フィールドグループ「image_entries」にはいくつかのフィールドがあります。画像アップロード フィールド自体、キャプション、クレジットなど。
関係フィールドを介して画像とテキストを組み合わせることができます。
私の問題は次のとおりです。エディターは、コンテンツ内の必要な場所に画像を配置する必要があります。また、画像のサイズを選択できる必要があります (4、8、または 12 列にまたがる必要があります)。以下の例では、幅が 8 列の画像があります。
画像を追加すると、次のコードが追加されます
<div class="eight columns picture">
<div id="copyright" class="text-right">
© <a href="#">Photographer name</a>, <a href="#">Flickr</a>
</div>
<img src="http://placehold.it/700x525&text=[700x525]" />
<div class="panel">
<p>I am the caption. Nulla corned beefsunt ball tip.</p>
</div>
私が達成したいのは、エディターが CP 内の blog_entries フィールドにテキストを入力することです。このフィールドは、カスタム HTML ボタンを含むテキストエリアです。2 段落の文章を書いた後、彼は自分が書いた内容を説明するための画像が必要です。彼はカスタム HTML ボタンをクリックし、関連する画像を確認し、画像のサイズ (4、8、または 12 列にまたがる必要があります) を選択し、次のクリックで EE は必要なすべてのコードをエントリに統合します。したがって、編集者は DIV やすべてのコードについて心配する必要はなく、以前にアップロードした画像を記事内の好きな場所に配置できます。
どうすればそれを達成できますか?私はこのようにする義務はありません。その問題を解決する別の方法またはプラグインがあれば、それを聞きたいです。