上午终于安装上了Django富文本插件ckeditor，以前装了很多次都以失败告终，于是放弃了ckeditor，改用django-tinymce，但是django-tinymce太简单，后台图片上传功能都没有，用着实在不爽。

今天偶然找到一篇靠谱的ckeditor安装教程，照看教程试了一遍，居然安装成功了，心里像夏天吃了冰镇西瓜一般痛快。可见找到一个好的教程多么重要，现在百度上搜索到的教程，几乎千篇一律，感觉大家都是复制粘贴的。

ckeditor比tinymce好用多了，主要图片上传功能比较强大，不但可以上传，还可以截图粘贴过去，还有已上传图片浏览功能，但这个功能现在还没实验成功，点击找不到模板，可能哪个地方没有配置好，回头再找愿因，后来发现浏览服务器图片还要加上'ckeditor_uploader'，一切完美。

下面是ckeditor安装配置方法：

首先用pip安装：Pip install django-ckeditor

接着在settings中添加应用：'ckeditor'，浏览服务器图片还要加上'ckeditor_uploader',

还要在settings中配置静态路径：

MEDIA_URL = '/media/'

MEDIA_ROOT=BASE_DIR/'media'

CKEDITOR_UPLOAD_PATH='images'

项目urls.py中的配置如下：

from django.conf.urls.static import static

from django.conf import settings

from django.contrib import admin

from django.urls import path,include

urlpatterns = [

    path('admin/', admin.site.urls),

    path('',include('home.urls',namespace='home')),

    path('ckeditor/',include('ckeditor_uploader.urls')),

]

if settings.DEBUG:

    urlpatterns = urlpatterns + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

    urlpatterns = urlpatterns + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

models中的配置如下：

from django.db import models

from ckeditor_uploader.fields import RichTextUploadingField

class Goods(models.Model):

    title = models.CharField(max_length=100,verbose_name='标题')

    photo = models.ImageField(upload_to='uploads/%Y/%m/%d/',verbose_name='缩略图')

    l_price = models.IntegerField(verbose_name='价格')

    content = RichTextUploadingField(verbose_name='详情')

    class Meta:

        ordering=['-id']

        verbose_name='商品列表'

        verbose_name_plural='商品列表'

    def __str__(self):

        return self.title

最重要的是RichTextUploadingField这个字段

经过上面的配置就能正常使用了，准备把另外几个网站的富文本编辑器也改成django-ckeditor。

2021年3月30日 12:27   / 网站开发 / django

上一篇： 色彩的强对比打造鲜明的版面设计

下一篇： 色彩在杂志版式设计中的运用