首页 / GO / Django-CKeditor使用笔记

Django-CKeditor使用笔记

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Django-CKeditor使用笔记，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1392字，纯文字阅读大概需要2分钟。

内容图文

1. 安装django-ckeditor

$ pip install django-ckeditor

2. 在setting中，添加ckeditor ， ckeditor_uploader 到INSTALLED_APPS

install_apps = {
    ‘ckeditor‘,
    ‘ckeditor_uploader‘,
}

3. 在setting中，添加

            #
             CKeditor 相关
MEDIA_ROOT = os.path.join(BASE_DIR, ‘static/media/‘)
MEDIA_URL = ‘/media/‘
CKEDITOR_JQUERY_URL = ‘https://cdn.bootcss.com/jquery/2.1.4/jquery.js‘
CKEDITOR_UPLOAD_PATH = "static/upload"
CKEDITOR_IMAGE_BACKEND = "pillow"

4. 执行 python manage.py collectstatic ，收集静态文件

后端显示编辑器

5. model中添加ckeditor的字段

            from ckeditor_uploader.fields import RichTextUploadingField
class Entry(models.Model):
    body = RichTextUploadingField() #RichTextField()from ckeditor.fields import RichTextField
class Post(models.Model):
    content = RichTextField()
--------------------- 
# 貌似是给Django-admin使用的

前端添加编辑器

7.添加js文件

<head>
<script src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"></script>
</head>

8. 添加代码如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CKEditor</title>
        <script src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"></script>
    </head>
    <body>
        <textarea name="editor1"></textarea>
        <script>
            CKEDITOR.replace( ‘editor1‘ , {uiColor: ‘#9AB8F3‘});
        </script>
    </body>
</html>

 

 

 

 

 

博客搬运地址：

  1. Django笔记 使用编辑器django-ckeditor

 

原文：https://www.cnblogs.com/clement-jiao/p/9781338.html

内容总结

以上是互联网集市为您收集整理的Django-CKeditor使用笔记全部内容，希望文章能够帮你解决Django-CKeditor使用笔记所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1268124.html

来源：【匿名】