搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > python编码 > django--编辑器ckeditor正确用法

django--编辑器ckeditor正确用法

python编码 2020-09-10


说说这两天走的坑,都忘了编辑器这种东西既然给你用,一般官网都会告知你范例怎么使用,还自己度娘一堆都是error的

先看看前端展示效果:

但是写法有两种,虽然展现都是一模一样的。

一、错误的写法:

<span class="ckedtop">

            <span class="toolbox"><span class="ckedtool"><span class="toolgroup">{{bk_form.media}}</span></span></span>

          </span>

          <span class="ckedcontent">{{bk_form.body}}</span>

这样视图中bk_form = BkForm(request.POST)存到数据库展示如下

django--编辑器ckeditor正确用法

最后展示前端

django--编辑器ckeditor正确用法

还是显示textarea文本输入框

二、正确的教程来了。。。(从头开始说起)

1,安装 pip install ckeditor 跟pillow

一个编辑器 一个缩略图

2,settings.py的配置如下

app注入下面两个

django--编辑器ckeditor正确用法

配置图片路径 具体有没生效还没测试过

django--编辑器ckeditor正确用法

编辑器配置(根据自己所需配置即可)

django--编辑器ckeditor正确用法


3,前端写个文本输入框

django--编辑器ckeditor正确用法

然后js替换文本框为编辑器放在body尾巴

django--编辑器ckeditor正确用法

需要引入ckeditor.js(官网可以下载) 

django--编辑器ckeditor正确用法

而且必须在textarea之前 也就是放在head中,至于为什么其实我也不知道,放在body尾巴反正不生效来着,可能有先后渲染关系吧。

4,接下来就是视图中取值存入数据库

django--编辑器ckeditor正确用法

存到数据库字段内容展示这样

django--编辑器ckeditor正确用法

跟之前错误的做法存的值有差异吧。

这样前端

django--编辑器ckeditor正确用法

展示出来才是对的

django--编辑器ckeditor正确用法

最后实现效果暂时这样,丑是丑了点


版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《django--编辑器ckeditor正确用法》的版权归原作者「python编码」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注python编码微信公众号

python编码微信公众号:pysnake

python编码

手机扫描上方二维码即可关注python编码微信公众号

python编码最新文章

精品公众号随机推荐