配置富文字編輯器

2022-09-07 03:09:12 字數 1639 閱讀 9422

富文字編輯器

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

(2、在admin中定義富文字編輯器的widget

3、通過定義modeladmin的**檔案

步驟：複製到static的js目錄下

2、定義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',
)3、修改kindeditor的配置檔案

也就是在config.js檔案中新建乙個物件

asp asp.net examples jsp php 這些檔案可以刪除

在kindereditor的官方文件照到相應的配置

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

kindeditor

.ready

(function(k

));

});

pillow是python的乙個影象處理庫，django-ckeditor需要依賴該庫。最簡單的安裝方法，當然是使用pip，假設你裝過pip，可以直接執行以下命令安裝：

這裡有比較全的資料關於富文字編輯器

富文字編輯器上傳檔案：

在blog下面新建乙個models.py檔案，直接找寫好的**

kindeditor


上傳返回資料格式說明：
# 


#
配置url
from blog.upload im


@csrf_exempt  


這個裝飾器的作用是 不再做遠端表單提交驗證


port 


upload_image
url(r'^admin/upload/(?p[^/]+)$', 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)

富文字編輯器

關於使用富文字編輯器的一些小坑 官網 1.專案 片 editor fail function xhr,editor,result custominsert function insertimg,result,editor this.editor.create this.editor.txt.html...

富文字編輯器

富文字編輯器，rich text editor,簡稱 rte,它提供類似於 microsoft word 的編輯功能。常用的富文字編輯器 kindeditor ueditor ckeditor 在頁面中新增js 用於初始化kindeditorallowfilemanager 是否允許瀏覽伺服器已上傳...

富文字編輯器

富文字編輯器，rich text editor,簡稱 rte,它提供類似於 microsoft word 的編輯功能。常用的富文字編輯器 kindeditor ueditor ckeditor 在頁面中新增js 用於初始化kindeditor allowfilemanager 是否允許瀏覽伺服器已上...