web-dev-qa-db-ja.com

scaldモジュール使用時の画像出力

画像管理にscaldモジュールを使用しています。希望どおりに99%動作していますが、WYSIWYG(ckeditor)と一緒に使用すると迷惑な問題が発生します。

このコンテキストの画像にはキャプションが必要なので、スカルドテンプレートにフックして、使用する出力とタグを変更しました。

すべて正常-保存した場合を除いて、WYSIWYG /やけどはたくさんの空を追加するようです

図と図表の間のタグ。

空の段落タグモジュールを使用するか、独自の入力フィルターを作成しようとすると、scaldがatom参照を実際の画像出力に置き換える前に実行されるため、失敗しました。

このマークアップに影響を与えることができるようにscaldにフックする場所に関する提案はありますか?

3
steve

Scaldテンプレートを使用せずにこれを解決できました。

CKeditorのScaldプラグインは、画像Titleを画像のすぐ下のキャプションとして自動的に挿入します。このテキストは、画像Titleを独自のキャプションに置き換える場合にWYSIWYGで編集できます。

以下は私のサイトの様子です。画像のすぐ下のキャプションに注意してください。 (これには追加のCSSがありません。CSSを追加すると見栄えが良くなります。)

enter image description here

そして、これはScaldプラグインによって挿入されたマークアップです。キャプションは<div>クラスdnd-legend-wrapper

<div class="dnd-atom-wrapper type-image context-sdl_editor_representation atom-align-right" contenteditable="false">
<div class="dnd-drop-wrapper"><!-- scald=2:sdl_editor_representation {"link":""} -->
<div class="image"><img alt="Fred Espen Benth" src="http://example.com/sites/default/files/styles/large/public/thumbnails/image/fredespenbenth.jpg?itok=TwJhh_s6" style="height:320px; width:480px" title="Fred Espen Benth" /></div>
<!-- END scald=2 --></div>

<div class="dnd-legend-wrapper" contenteditable="true">
<div class="meta"><!--copyright=2-->Fred Espen Benth. Foto: Gunhild M. Haugnes<!--END copyright=2-->.</div>
</div>
</div>
1
Free Radical