zoukankan      html  css  js  c++  java
  • python项目_ckeditor富文本编辑器的使用

    1.安装第三方模块包

    pip install django-ckeditor

    2.添加应用

    INSTALLED_APPS = [
        ...
        'ckeditor',  # 富文本编辑器
        'ckeditor_uploader',  # 富文本编辑器上传图片模块
        ...
    ]

    3. 添加CKEditor设置

    # 富文本编辑器ckeditor配置
    CKEDITOR_CONFIGS = {
        'default': {
            'toolbar': 'full',  # 工具条功能
            'height': 300,      # 编辑器高度
            # 'width': 300,     # 编辑器宽
        },
    }
    CKEDITOR_UPLOAD_PATH = ''  # 上传图片保存路径,留空则调用django的文件上传功能

    4. 添加ckeditor路由

    在总路由中添加
    path(r'^ckeditor/', include('ckeditor_uploader.urls')),

    5. 为模型类添加字段

    ckeditor提供了两种类型的Django模型类字段
    
    - `ckeditor.fields.RichTextField` 不支持上传文件的富文本字段
    - `ckeditor_uploader.fields.RichTextUploadingField` 支持上传文件的富文本字段

    6.修改course/models.py里面的字段信息,记得要重新数据迁移

    from ckeditor_uploader.fields import RichTextUploadingField
    class Course(models.Model):
        """
        专题课程
        """
        ...
      # 使用这个字段的原因
      # brief = models.TextField(verbose_name="详情介绍", null=True, blank=True)
      brief = RichTextUploadingField(verbose_name="详情介绍", null=True, blank=True)

    #使用富文本编辑提供的内容
    
    
  • 相关阅读:
    java 基本数据类型的取值范围
    警惕自增的陷阱
    三元操作符的类型务必一致
    不要随便设置随机种子
    优先使用整形池
    IN、ANY、ALL与SOME
    第六章-序列:字符串、列表和元组 笔记
    第十二章-安全性
    第五章-数字 课后答案
    第十一章-约束、视图与事务
  • 原文地址:https://www.cnblogs.com/jalen-123/p/13171406.html
Copyright © 2011-2022 走看看