DjangoでデータをHTMLコードとして利用する方法

Question

前提・実現したいこと

Djangoでwebアプリを作成しています。モデルに入っているリンクをそのままHTMLコードとして組み込みたいです。ですがそのコードが文字として表示されてしまいうまくいきません。

発生している問題・エラーメッセージ

該当のソースコード

url = models.TextField(null=True)

試したこと

上記のように定義してurlを表示しましたが、コードとしてではなく文字として認識されてしまいます。解決方法があれば教えていただきたいです。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[Yhaya]

`url` を HTML 側で表示する際に<a>タグで囲めばよいというわけではないですか？（<a href="{{ url }}"）{{ url }} </a>みたいに）

[forzanapoli]

<a id='xNiQnNzdTMVbRMIzFsM4Iw' class='gie-single' href='http://www.gettyimages.co.jp/detail/1266875256' target='_blank' style='color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;'>Embed from Getty Images</a><script>window.gie=window.gie||function(c){(gie.q=gie.q||[]).push(c)};gie(function(){gie.widgets.load({id:'xNiQnNzdTMVbRMIzFsM4Iw',sig:'XER7Hk803J8pxV2ncdfUZGbbKXRqIj24DiXM1PrHAOM=',w:'617px',h:'280px',items:'1266875256',caption: true ,tld:'co.jp',is360: false })});</script><script src='//embed-cdn.gettyimages.com/widgets.js' charset='utf-8' async></script>

こんな感じのコードをmodel(データベース?)経由でHTMLに組み込みたいんですよね。。。

[Yhaya]

う～ん。。。javascriptの方はわからないんですが、HTMLの方でしたら、CSSファイルにスタイルは書いておいて、Djangoのデータベースにはタグ名とクラス名、表示するテキストを入れておいて、それをViewでtemplateに埋め込んで({{ 変数名 }}という感じで)、それを javascript側の関数で innerHTML を使ってHTMLにするという方法が一番いいかもしれないですね。

Answer 1

追記・修正依頼内のコメントから、

「モデルのurlプロパティにそのままHTMLを保存する設計にしており、なおかつviews/templates側でそのHTMLを直接表示させたい」

という話であるとと認識をしました。その場合は、次のいずれかを使えばいいと思います。

• autoescapeブロックを用いて、自動エスケープを一時解除する
• safeフィルターを用いて、内容をそのまま出力する

※一切のサニタイズを行わずに出力することになるため、安全なHTMLソースのみを管理できるように注意を払う必要があります。

前者の例

{% autoescape off %}
    {{ object.url }}
{% endautoescape %}

後者の例

{{ object.url|safe }}

Comments

[forzanapoli]

ありがとうございます。

どちらの方法でも想定したとおりの出力ができました。