django如何成功安装富文本编辑器ckeditor

梦的方向   设计文章 0   32

django如何成功安装富文本编辑器ckeditor

[摘要] 上午终于安装上了Django富文本插件ckeditor,以前装了很多次都以失败告终,于是放弃了ckeditor,改用django-tinymce,但是django-tinymce太简单,后台图片上传功能都没有,用着实在不爽。 今天偶然找到一篇靠谱的ckeditor安装教程,照看教程试了一遍,居然安装成功了,心里像夏天吃了冰镇西瓜一般痛快。可见找到一个好的教程多么重要,现在百度上搜索到的教程,几乎千篇一律,感觉大家都是复制粘贴的。

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

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

ckeditortinymce好用多了,主要图片上传功能比较强大,不但可以上传,还可以截图粘贴过去,还有已上传图片浏览功能,但这个功能现在还没实验成功,点击找不到模板,可能哪个地方没有配置好,回头再找愿因,后来发现浏览服务器图片还要加上'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

在线咨询
微信二维码
服务热线
18911383644