请选择 进入手机版 | 继续访问电脑版
微信扫一扫 分享朋友圈

已有 475 人浏览分享

开启左侧

django项目中使用markdown编辑器和显示

[复制链接]
475 0
django项目中使用markdown编辑器
当前环境:
python: 3.6.5
django: 1.11

开始配置django编辑器。
1.安装 django-mdeditor。
django-mededitor 是基于 Editor.md 的一个 django Markdown 文本编辑插件应用。
[mw_shl_code=python,true]pip install django-][/mw_shl_code]
2. 在项目Setting.py中的IINSTALLED_APPS添加app
[mw_shl_code=python,true]IINSTALLED_APPS = [
    ...
    'mdeditor',
][/mw_shl_code]
3. 配置静态资源(图片)上传地址
MEDIA_ROOT = os.path.join(BASE_DIR)MEDIA_URL =
需要在项目根目录下创建文件夹: uploads/editor/
4. 配置路由
fr[mw_shl_code=python,true]om django.conf.urls urlincludefrom django.contrib admin
from django.conf.urls.static static
from django.conf settings
urlpatterns = [   
url(admin.site.urls)url(include())]
settings.DEBUG:   
urlpatterns += static(settings.MEDIA_URL=settings.MEDIA_ROOT)[/mw_shl_code]
5.  创建一个app:
[mw_shl_code=python,true]django-admin startapp articles[/mw_shl_code]
    在 articles app中的 mmodels.py 中添加 mode:
f[mw_shl_code=python,true]rom django.db models
from mdeditor.fields MDTextField
class Article(models.Model):   
name = models.CharField(==)   
content = MDTextField()[/mw_shl_code]
6. 注册到 admin中
   在 articles app中的 admin.py 中 注册应用。
f[mw_shl_code=python,true]rom django.contrib adminarticles.models Article
admin.site.register(Article)[/mw_shl_code]
7. 登陆到 admin,尽情创作吧!
image_20190730180948_599.png

编辑完毕,在前端如何显示呢??
1. 安装 markdown
[mw_shl_code=python,true]pip install markdown[/mw_shl_code]
2.  在展示详情的页面中引入markdown
[mw_shl_code=python,true]import markdown[/mw_shl_code]
3. 对 详情做转义处理
[mw_shl_code=python,true]from django.shortcuts render
from articles models
import markdown
def index(request):
    article = models.Article.objects.get(pk=2)
    article.content = markdown.markdown(article.content, extensions=[
        'markdown.extensions.extra',
        'markdown.extensions.codehilite',
        'markdown.extensions.toc',
    ])
    return render(request, 'index.html', {'article': article})[/mw_shl_code]
4. 在前端 做修改

django项目中使用markdown编辑器和显示

django项目中使用markdown编辑器和显示

最后,一起如你所愿了!






不积跬步,无以至千里
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0

关注

37

粉丝

1150

主题
热门资讯
网友晒图
图文推荐
  • 联系我们
  • 邮箱:admin@c0ks.com(请把#改成@)
  • 电话:18530790808
  • QQ客服 1031180668
  • 工作时间:周一至周五(早上9点至下午5点)
  • 微信二维码

  • 扫描访问手机版

Archiver|手机版|小黑屋|从零开始

GMT+8, 2020-5-26 01:37 , Processed in 0.112862 second(s), 37 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

  • QQ: 1031180668

    客服电话

    18530790808

    电子邮件

    admin@c0ks.com

    在线时间:8:00-16:00