Python-MarkdownでMarkdown技法の打ち消し線「~~打ち消し~~」とチェックボックス「- [ ] タスク1」をHTMLに変換出来ない問題を解決したい。

Question

DjangoでMarkdownで入力したテキストをテンプレートでHTMLに変換できるサンプルアプリを作成しました。
マークダウンからHTMLに変換する際のライブラリは以下のものを利用しています。

Python-Markdown

templatetagsにフィルタを自作し、テンプレートで文字を出力する際にHTMLに変換しています。

from django import template
from django.template.defaultfilters import stringfilter
import markdown

register = template.Library()

@register.filter
@stringfilter
    def markdown(value):
    return markdown.markdown(value)

{{ text | markdown | safe }}

しかし、打ち消し線とチェックボックスがHTMLに変換されません。

打ち消し線

• item
• checked item

原因が分かるかたがいましたら教えて頂きたいです。

Answer 1

Python-Markdownのページを見ればすぐわかることですが、
Python-Markdownは、「Markdown」の純粋な実装を至上命題とするライブラリです。

https://python-markdown.github.io/
の冒頭にもはっきり書かれてありますよね？

This is a Python implementation of John Gruber's Markdown.

と。

Python-Markdownというライブラリが総本家として信仰している教祖様たる「Markdown」は、https://daringfireball.net/projects/markdown
なのです。

そして、この正統「Markdown」には、チェックボックスや、打消し線などといった、「邪道な」ものはルール化されていません。

したがって、Python-Markdown単体では、チェックボックスや取り消し線は表示できません。
実装されていないのですから。

したがって、チェックボックスや打消し線を表示するには、異端者としての誹りを受けることも辞さず、他の人が作ったライブラリをインポートすることになります。

下記の邪教の呪文を唱えれば、チェックボックスや打消し線の黒魔術を使えるようになるでしょう。

インストール

pip install markdown-strikethrough

pip install markdown-checklist

出力テスト

import markdown
source = '''
* [ ] foo
* [x] bar
* [ ] baz

~~Delete this line.~~
'''

html = markdown.markdown(source, extensions=['markdown_checklist.extension', 'markdown_strikethrough.extension'])

print(html)

djangoでは
pip install markdown-strikethrough

pip install markdown-checklist
した後であれば

(略)
import markdown
(略)
    return markdown.markdown(value, extensions=['markdown_checklist.extension', 'markdown_strikethrough.extension'])

とすれば多分表示できるかと思います。

（質問者さんはソースの一部しか記載していないので試せていませんが。）

---

#追記
下記のようにbleachで消される対象となるタグ・属性を全部ホワイトリストに追加してください。

import markdown
import bleach
source = '''
* [ ] foo
* [x] bar
* [ ] baz

~~Delete this line.~~
'''

html = markdown.markdown(source, extensions=['markdown_checklist.extension', 'markdown_strikethrough.extension'])
print(bleach.clean(html, 
  tags=['p','ul','li','input','del'], 
  attributes={'ul':'class','input':['checkbox','type','disabled','checked']}))

注１：邪教云々は面白く読んでもらうための冗談です。私個人として純粋実装以外のマークダウンをけなす意図は全くありません。
注２：Python-Markdownで打ち消し線を実装していない理由を作者自身が述べている部分：
https://github.com/Python-Markdown/markdown/issues/221

Comments

[退会済みユーザー]

ご丁寧にありがとうございます。
帰宅後に試してみます。
本当に助かりました。
また、非常に勉強になりました。

[退会済みユーザー]

お世話になっております。
breach
https://bleach.readthedocs.io/en/latest/
によりタグを不要なタグを削っているため、チャックボックスが表示されないです。
打ち消し線に関しましては、ホワイトリストに「del」を追加する事で上手くいったのですが、チェックボックスを表示するにはどうしたら良いか何か分かりましたらアドバイス頂けると助かります。
お手数かけて申し訳ございません。

[退会済みユーザー]

ホワイトリストについて追記しました。

[退会済みユーザー]

この度はありがとうございました。
期待通りの挙動が確認出来ました。
とても助かりました！