web-dev-qa-db-ja.com

CKEditor:WYSIWYGの編集中に*、画像の下にキャプションを表示する方法は?

画像とキャプションを含む本文フィールドを編集するとき、キャプションは編集中にdisplayを行いません。保存すると、コンテンツが表示されたときに表示されます。

実装面では、エンティティビューモードの構成ページを介して画像エンティティにキャプションフィールドを追加しました-admin/structure/file-types/manage/image/fields

編集中にキャプションを表示する方法についての考えはありますか?

CKEditor 4.3はキャプションをサポートしていますが、実装のDrupal側をサポートする必要があります。

3
therobyouknow

CKEditor 4.3以降、CKEditor側にウィジェットが追加されました。彼らは、画像キャプションをサポートするImage2プラグイン/ウィジェットを導入しました。ここで私が見た問題は、Drupalがこれに追いついていないことです。そのため、ファイルブラウザにメディアモジュールを使用している場合、その機能はまだ移植されていないようですこの新しいバージョンですが、キャプションだけに関心がある場合は機能します。

プラグインについては http://ckeditor.com/addon/image2 を参照してください。私はこれをCKEditorモジュールで使用してきましたが、WYSIWYG + Ckeditorライブラリでも同様に機能するはずです。

1
Atomox

同僚(ありがとう!)と話し合った後、ソリューションのアイデアは、WYSIWYGによって生成されたJSONのフィルターを作成することです。

キャプションテキストはJSONに存在します。したがって、既存のフィルターを拡張することが解決策になるはずです。

0
therobyouknow

私はさらに調査を行っており、メディア/ファイルエンティティ/エンティティビューモードのルートを http://www.58bits.com/blog/2013/03/06/ how-to-add-captions-to-images-in-drupal

それは画像の下にキャプションを書くために行くべき多くの仕事のなさそうで、それはまだwysiwygではありません。

そこで、Wysiwyg/TinyMCEと開発バージョンのキャプションフィルターを使用した別の回答を次に示します。 https://drupal.org/node/696734 での議論を参照してください。 (編集。CKEditorとの統合についてもいくつかの作業が行われましたが、いくつかのパッチはありますが、CKEditorに固執することが重要である場合に備えて、これはコミットされたとは思いません。)

その結果は次のとおりです。キャプションにhtmlを入れることができて嬉しかったです。 Example of image with caption in wysisyg editor.

0
user19292

CKeditor Image2プラグインとMediaモジュールの間に競合があります。 WYSIWYGのメディアタグを維持しながら画像の位置合わせとキャプションを行う場合は、最新のレシピをここで見つけることができます https://www.drupal.org/node/2843391

0
Siavash