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

paintingDjango

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

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

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

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

【著者プロフィール】

profile_icon
【Python歴】11年 x 【Django歴】10年
HP作成、社内システムの構築、コンサルティング

当ブログを通じて、Webアプリの書き方やアプリの公開方法までを解説しています。

☆日報アプリ「D-Repo」(デモ版)→こちら

※Djangoをベースに作成したアプリです。

☆便利ツールアプリ「Tool Station」→こちら

※Django REST frameworkとReactで作成しているアプリです。

✔月9,800円でWebデザインが学べる

デザナルは、Webデザインに苦手意識がある方におすすめのサブスク型スクールです。

特徴は以下の通り。

  • 初期費用不要
  • 教材が使い放題
  • 案件で収入も得られる

デザナルは稼ぎながら学べる、格安のWebデザインスクールです。

>>詳細はこちら<<

安いWebデザインスクール「デザナル」を徹底分析

早速、コードの紹介!

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コードの文字列が代入されています

こちらの2つさえ覚えておけば、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を返す方法でした!

当ブログでは、日報アプリ開発を通じて、Webアプリを一から開発し公開するまでを初学者の方でもわかるようにと記事を連載しています

「Djangoでのアプリ開発を学びたい!」
「Djangoで開発したアプリをWebで公開するにはどうするの?」

という方は必見です!

【Django】チュートリアル|日報アプリの開発から公開まで
Djangoのチュートリアルをお探しですか?具体的に「手を動かして作ってみたい!」という方へ向けて、誰でもできる簡易的な日報アプリの開発を通じて、Djangoの様々な機能に触れていくシリーズとなっています。PythonでWebアプリを作りたい方、必見の記事となります!

タイトルとURLをコピーしました