Djangoで使用するHTMLテンプレートをPugで作成したい

Djangoで現在jinja2を使用して開発しているのですが、jinja2で使用するHTMLテンプレートをpugを使用して作成したいです。

理由としてはpugの方がHTML作成やメンテが楽だからです。

ただ、jinja2の変数やループの機能も使用したいです。

body
  p {{val}}

単純に変数を使用するだけであれば、上記の様に記述しview内で「val」に値を設定すれば

html
1<body>
2  <p>{{val}}</p>
3</body>

この様に望んだ形のHTMLが出力されます。

しかし、ループ機能を使用しようとして

body
  {% for form in forms %}
  p {{form}}
  {% endfor %}

上記の様に記述するとエラーになってしまいます。(当たり前ではありますが・・・)

body
  | {% for form in forms %}
  p {{form}}
  | {% endfor %}

body
  .
    {% for form in forms %}
  p {{form}}
  .
    {% endfor %}

上記2つの様に「｜」や「.」を使用して記述すればなんとかHTMLを出力することは出来るのですが、他に何か上手い方法はないかと思った次第です。

Djangoでjinja2(またはその他テンプレート)を使用しながらPug等を使用して開発している方いましたら是非どの様に開発をしているのか教えて頂けないでしょうか？
※開発方法やライブラリ等

行動規範の内容に同意します

回答2件

ベストアンサー

軽く探してみたところ、 Pug の記法で各種フレームワークのテンプレートが書けるライブラリがあるそうです。一度試してみるのはどうでしょうか。

https://github.com/matannoam/pypugjs

投稿2017/11/26 03:56

編集2017/11/27 01:29

tell_k

総合スコア2120

hnzwjun

2017/11/27 01:28

回答頂きありがとうございます。教えて頂いたライブラリ「pypugjs」を試してみようと思います。

行動規範の内容に同意します

[pypugjs]をインストールして[setting.py]に

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.jinja2.Jinja2',
        'DIRS': [os.path.join(BASE_DIR, 'src/pug')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
            'extensions': [
                'pypugjs.ext.jinja.PyPugJSExtension',
            ],
        },
    },
]

上記の様にextensionsの設定を行うことで使用できました。

投稿2017/11/27 02:14

hnzwjun

総合スコア25