配置富文本編輯器

富文本編輯器

能夠不單單插入文字，還能夠插入圖片，視頻等

django-admin中添加富文本編輯器的幾種方式：

一、使用第三方的一些庫，如django-ckeditor

(https://pypi.python.org/pypi/django-ckeditor)

二、在admin中定義富文本編輯器的widget

三、經過定義ModelAdmin的媒體文件

 

步驟：

一、下載kindeditor

複製到static的js目錄下

二、定義ModelAdmin的媒體文件

這個是在 admin當中進行配置的

class ArticleAdmin(admin.ModelAdmin):
exclude = ('title','desc','content')
    class Media:
js = (
            '/static/js/kindeditor-4.1.10/kindeditor-min.js',
            '/static/js/kindeditor-4.1.10/lang/zh_CN.js',
            '/static/js/kindeditor-4.1.10/config.js',

        )三、修改kindeditor的配置文件

也就是在config.js文件中新建一個對象

asp asp.net examples jsp php 這些文件能夠刪除

在KinderEditor的官方文檔照到相應的配置

而後再 config.js當中進行配置

KindEditor.ready(function(K){

K.create('textarea[name=content]',{

width:800,

height:200,

});

});

Pillow是python的一個圖像處理庫，django-ckeditor須要依賴該庫。最簡單的安裝方法，固然是使用pip，假設你裝過pip，能夠直接運行如下命令安裝：

http://www.nanerbang.com/article/2/ 這裏有比較全的資料關於富文本編輯器

 

 

富文本編輯器上傳文件： 在blog下面新建一個models.py文件，直接找寫好的代碼

kindeditor圖片上傳返回數據格式說明：

# {"error": 1, "message": "出錯信息"}
# {"error": 0, "url": "圖片地址"}

配置url

from blog.upload im @csrf_exempt 這個裝飾器的做用是 再也不作遠程表單提交驗證

port upload_image

url(r'^admin/upload/(?P<dir_name>[^/]+)$', upload_image, name='upload_image'),  

upload_image是upload.py裏面的方法   

dir_name 是和upload_image裏面的傳入參數相對應的
在KendEditor設置上傳路徑，也就是先前設置富文本編輯器建立的config.js文件

uploadJson: '/admin/upload/kindeditor'

, 這個路徑是先前在url已經定義好的，這裏定義了在uplaod文件夾下面的kindeditor文件夾

dir_name = dir_name + '/%d/%d/' %(today.year,today.month)在uploads.py裏面已經進行了定義了在kindeditor目錄下的路徑

 

來自爲知筆記(Wiz)