画像を揃えるには、どのようにwysiwygフィルターを構成する必要がありますか?


7

これは、wysiwygフィルターでの私の構成が(Drupal7で)のようになる方法です。

a[!href|target<_blank|title],
img[src|align<bottom?left?middle?right?top|alt|border|class|height|width|float],
div[align<center?justify?left?right],
p[align<center?justify?left?right],
br,span,em,strong,cite,code,blockquote,ul,ol,li,dl,dt,dd

ただし、私の構成は画像の調整には機能しません。

私は自分のコードを確認しましたが、「style」タグを使用して配置が行われています。

<img src="" alt="" style="float:right" />

イメージに対して次の構成を試しましたが、それでも機能しません。

img[src|align<bottom?left?middle?right?top|alt|border|class|height|width|float|**style**],

これがうまくいかなかった別の試みです:

@[style]

そして、私もそうしようとしました:

img[*],

別の試みは、この代替案で詳述されているものです:http : //screencast.com/t/jUOwMxmpu

では、画像を調整するための適切な構成は何ですか?私のエラーは何ですか?


2
たぶん、wysiwyg_filter以外に、Drupalのデフォルトの「許可されるHTMLタグを制限する」フィルターがまだ有効になっているのでしょうか?これにより、表示されているインラインCSSスタイルがすべて除外されます。
arjan 2013年

回答:


1

WYSIWYGフィルターを有効にすると、組み込みのHTMLフィルターをオフにするのを忘れる人がいます。ダブルフィルターをかけると、img属性が失われます。

ただし、私の側では、を付けない方floatがいいimgです。代わりに、画像とキャプションを囲むdivをフロートさせ、一緒にフロートさせることができます。(画像の例、フローティングキャプション「A battle ...」:http : //www.westkingdom.org/content/new-members)。コンテンツエディターに優れたユーザーエクスペリエンスを提供するために、ckeditorを使用して画像にフロートを設定することを許可しますが、コンテンツが表示されるときにレンダーフックでマークアップをdivに移動します。このシナリオでは、画像にフロートを許可する必要はまったくありません。

私が持っている、私は字幕で対応した画像を実現する方法の過去記事使用してメディア2.0、WYSIWYGフィルタ、およびカップル他のモジュール、およびカスタムフックのカップルを。


0

画像タグのスタイル属性をホワイトリストに登録してから、使用できるスタイルプロパティをホワイトリストに登録img[!src|style]する必要があります。チェックボックスの「レイアウトプロパティ」グループが表示されます。「フロート」と書かれているチェックボックスをオンにします。


私はあなたの提案で構成しようとしました: screencast.com/t/WCupjASwmy44screencast.com/t/74iOevHtL9fと何も。あなたの助けをありがとう、あなたの答えをありがとう。
cabita

キャッシュをクリアしましたか?クリーンインストールで構成をテストしたところ、問題なく動作しました。
rocketeerbkw 2012

私はキャッシュをクリアし、何もしませんでした。エディター上の画像は位置合わせされていません。
cabita 2012
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.