码迷,mamicode.com
首页 > 其他好文 > 详细

Django 中使用 MarkDown 插件

时间:2019-07-03 22:47:34      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:ict   elf   comm   djang   image   pre   from   htm   efi   

Django 使用 markdown 插件

Python-Markdown 插件

安装

pip install markdown

1 将 markdown 转化为 html

models

from django.utils import timezone
from django.db import models
from django.contrib.auth.models import User  # 导入django自带的用户模型
from django.utils.html import mark_safe  # 将字符串标记为安全进行输出
from markdown import markdown  # 导入 markdown 插件,将markdown格式转化为html


class Comment(models.Model):
    topic = models.ForeignKey(Topic, on_delete=models.CASCADE)
    comment_text = models.TextField(max_length=2000)
    author = models.ForeignKey(User, default=1, on_delete=models.CASCADE)
    picture = models.FileField(blank=True, null=True)  # 添加文件类型字段,并默认为空
    pub_date = models.DateTimeField(auto_now_add=True)

    def get_comment_text_md(self):
        """将markdown格式转化为html"""
        return mark_safe(markdown(self.comment_text))

    def __str__(self):
        return self.comment_text

templates:

{% for comment in topic.comment_set.all %}
{{ comment.get_comment_text_md }}
{% endfor %}

此时,模板中通过 get_comment_text_mdconment_text 中的 markdown 文本转化为 html 在前台页面显示。

技术图片

2 使用 markdown 编辑框

模板中引用

<link  rel="stylesheet"  href="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.css">

...

<script  src="https://cdn.jsdelivr.net/simplemde/latest/simplemde.min.js"></script>
<script>
var simplemde =  new  SimpleMDE(); // 会寻找当前页面第一个textarea进行渲染
</script>

此时该插件就会在页面中寻找第一个textarea,并进行样式渲染。效果如下。
技术图片

Django 中使用 MarkDown 插件

标签:ict   elf   comm   djang   image   pre   from   htm   efi   

原文地址:https://www.cnblogs.com/izbw/p/11129439.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!