Django django-ckeditor模块的简单使用,以及解决浏览器显示标签的问题

Django 后台数据库文本编辑模块django-ckeditor的安装使用

安装django-ckeditor

django自带的TextField模块,尽管能进行文本编辑,但是在数据库后台编辑后的样式固定并且不能自由换行,带来很多不便,所以使用django-ckeditor模块来弥补这一不足,它可以做出类似于word的效果,我使用的编辑工具是PyCharm 2019.1.1,并且前提是已经写好了利用django做好内容,我们这个只是相当于优化一下。

  1. 下载django-ckeditor
    在django环境下pip install django-ckeditor
    在这里插入图片描述

  2. settings.py中注册
    在这里插入图片描述

  3. 模型文件修改
    导入RichTextField
    在这里插入图片描述
    修改文本框models.TextField为RichTextField
    在这里插入图片描述

  4. 检查同步提交
    python manage.py check
    python manage.py makemigrates
    python manage.py migrate

  5. 后台数据库编辑
    浏览器超级用户登陆,如果没有创建超级用户,就先创建一个:
    命令为:
    python manage.py createsuperuser
    登陆上去后,进入到要编辑的页面,文本输入框是如下样式:
    在这里插入图片描述
    我们在上面编辑自己想要的样式:
    在这里插入图片描述

  6. 浏览器输出
    在浏览器打开时,我们会发现浏览器中并没有按我们的想法输出,而是将标签和文字原封不动的输出!
    在这里插入图片描述
    事实上,我们从API接口获取的文章内容(json格式)正常解析出来之后也会如此输出,出现这种结果是因为django的模板系统默认会对输出进行转义,所有标签会原样输出。
    所以我们需要将默认转义给去掉,django中有这个功能。在原模板文件中,我们输出文件的方式为(文章遍历输出):
    在这里插入图片描述
    解决方法是:
    在这里插入图片描述
    或者:
    在这里插入图片描述
    这样就可以了,浏览器能够正常输出
    在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值