web-dev-qa-db-ja.com

削除されないようにビューの背景画像を指定するにはどうすればよいですか？

画像を「セクション」タグの背景画像として出力したいのですが、うまくいきません。

まず Image URL Formatter モジュールを追加したので、画像ではなくファイルのURLを出力します。

私のビューでは、URLのコンテキストフィルターで生成された画像を追加します。そのフィールドで、出力を書き換えます。

<section style="background-image: url([field_hintergrundbild])" id="slid-unternehmen">
</section>

私がサイトをチェックすると、私はこれしか得られません：

<section id="slid-unternehmen"> </section>

何度か試してみましたが、Drupalは「style = "..."」タグを受け入れません。Drupalは常に削除します！そして、なぜかわかりませんか？

styleをclassに変更すると、次の例のように、通常の出力が得られます。

<section class="background-image: url(http://....)" id="slid-unternehmen"> </section>

誰かがアイデアを持っていますか？

7viewsjavascript
3
weristsam

なぜこれ（= styleが削除されている）が起こっているのかを理解するには、 this comment を参照してください発行キューの表示：

Rewriteはfilter_xss_adminを使用し、そこにリストされているタグのみを許可します。

また、次のような可能な解決策も含まれています。

これ以上必要な場合は、完全に制御できるテンプレートを使用する必要があります。これにより、UIを介して入力されたデータの安全性が確保されます。

代替ソリューション（テンプレートを使用する代わりに）の場合、 Background Images Formatter モジュールを検討する必要があります。以下は、プロジェクトページからの抜粋です。

このモジュールは、divの背景に画像を設定できる画像フォーマッターを提供します。画像はエンティティのフィールドからのものであり、構成ページやその他のものからのものではないため、セットアップと管理は非常に簡単です。

3
Pierre.Vriens

クラスが機能する場合は、cssを使用して実行します

<section class="haha" id="slid-unternehmen"></section>

[〜＃〜] header [〜＃〜]で、[追加]をクリックし、Global：Text Areaを選択します。

次に、テキストフィールドに次のように入力します。

<style>
.haha { background-image: url([field_hintergrundbild]);
</style>

[テキスト形式]を選択フルHTML

チェックマーク最初の行の置換トークンを使用

0
No Sssweat