【Django】mark_safeでhtmlコードを返す｜実例付

当記事では、Djangoで独自のテンプレートタグを作成し、<a>タグなどのついたhtmlコードを返す方法、をお伝えします

htmlコードでリンクなどどうやって返すかわからない！

htmlのコードを返せるようにしたい！！！

という方は、下記を読んで仕組みを理解すれば、簡単に、自由なhtmlを返せるようになります

✔Webアプリの公開にはVPSがおすすめ

DjangoなどのWebアプリは、レンタルサーバーでの公開ができません。

自由度の高いVPSを使うのです。

VPS11社を比較し、おすすめをご紹介しています。

【比較一覧】VPSおすすめ11選｜選び方や特徴、評判付で解説

おすすめのVPSを探してますか？当記事では、おすすめのVPS一覧やそれぞれの特徴・評判、選び方を全て記載しています。とくにこれからVPSを始める方で、どうやって選べば良いかわからない方は必見です。

itc.tokyo

2022.10.11

Webアプリの公開には、Ubuntuが搭載できるVPSを選びましょう。

Ubuntu環境が用意できたら、こちらのチュートリアルで公開方法を無料公開中。

早速、コードの紹介！

from django import template
from django.utils.safestring import mark_safe
from django.urls import reverse_lazy

register = template.Library()

@register.filter
def createLink(value, pk):
    if not value:
        update_url = reverse_lazy("person_update", kwargs={"pk":pk})
        person_update_link = f"<a href={update_url}>追加する</a>"
        return mark_safe(person_update_link)
    else:
        return value

htmlを返すために

mark_safeのインポート

from django.utils.safestring import mark_safe

関数内でreturnするもの

 return mark_safe(person_update_link)

person_update_linkという変数には、返したいhtmlコードの文字列が代入されています

こちらの２つさえ覚えておけば、htmlを返すことが可能です！

おまけの解説

2つの引数

def createLink(value, pk):

上記の関数では、2つの引数（value, pk）を受け取ります

このような時、template内では

{{obj.company | createLink:obj.pk}}

とします

最初のobj.companyがvalue、「関数名：」後に記載されているobj.pkがpk、となります

reverse_lazy

こちらの関数ではreverse_lazyを使い、ページのURLを返すようにしています

固定でURLを指定（/some_page/など)とすると、仮にURLを変更した場合にこちらもいちいち変えないといけません

なのでreverse_lazyを使い、変更がきちんと反映されるようにしています

以上、独自フィルタでhtmlを返す方法でした！