• django+markdown


    前言

    markdown是一个非常好的编辑器,用过的都说好,如果搭建一个博客平台的话,需要在后台做文章编辑,可以整合一个markdown的文本编辑器。
    github上关于django的markdown插件很多的,看了半天也不知道选哪个好,本篇用django-mdeditor先试试

    django-mdeditor

    pip安装django-mdeditor

    pip install django-mdeditor

    在项目的settings.py的INSTALLED_APPS中添加’mdeditor’,

    # Application definition
    
    INSTALLED_APPS = [
        # ......
        'xadmin',            # 新添加
        'crispy_forms',      # 新添加
        'stdimage',          # 上传图片
        'mdeditor',       # markdown
    ]

    然后设置图片等资源的存放media地址,之前配置过就不用重复配置了

    MEDIA_URL = '/media/'
    
    MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

    urls.py设置访问地址

    from django.conf.urls import url
    from django.urls import include
    
    
    urlpatterns = [
    
        url(r'mdeditor/', include('mdeditor.urls')),
    ]

    models模型

    在models.py中添加

    from django.db import models
    from mdeditor.fields import MDTextField   # 必须导入
    
    
    class Blog(models.Model):
        '''博客管理'''
        title = models.CharField(max_length=30)
        content = MDTextField()    # 注意为MDTextField()
    
        def __str__(self):
            return self.__doc__ + "title->" + self.title
    
        class Meta:
            verbose_name = "博客发布"
            verbose_name_plural = verbose_name

    xadmin.py中注册

    import xadmin
    from . import models
    
    
    class BlogAdmin(object):
        list_display = ['title',]
    
    xadmin.site.register(models.Blog, BlogAdmin)

    配置好之后,执行 makemigrations 和migrate,同步数据

    python manage.py makemigrations
    python manage.py migrate

    实现效果

    xadmin后台可以左侧输入,右边实时显示对应的效果

    也可以支持本地图片上传

    插入代码也可以支持

    如果需要在前台显示的话,可以在views.py获取到数据库的数据后,使用markdown.markdown()修饰为html语句,然后传到前端显示

    本文转载于:https://www.cnblogs.com/yoyoketang/p/10737225.html

  • 相关阅读:
    C#解析Json数据(利用Newtonsoft.Json库)
    巧妙解决百度地图加偏纠偏问题
    sql 日期时间函数+格式转换
    遇到sql server 遇到以零作除数错误
    js实现鼠标移到链接文字弹出一个提示层的方法
    sql语句 如何判断A表中的a列数据是否在B表中的b列中存在
    MVC使用Gantt Chart实现甘特图,管理事情进度
    jQueryGantt—集变态与惊艳于一身
    自动化测试
    小程序测试及一些限制
  • 原文地址:https://www.cnblogs.com/zydeboke/p/11557875.html
Copyright © 2020-2023  润新知