Django框架是用Python進(jìn)行Web開(kāi)發(fā)的重要框架，進(jìn)行Web開(kāi)發(fā)通常會(huì)用到網(wǎng)頁(yè)編輯器，百度的Ueditor網(wǎng)頁(yè)編輯器功能非常強(qiáng)大，不直接支持python，但有Django第三方插件支持這就是DjangoUeditor編輯器。現(xiàn)把使用方法整理出來(lái)供大家開(kāi)發(fā)時(shí)參考：

1、下載Ueditor,最后版本：1.4.3.3

UEditor - 下載?ueditor.baidu.com

任意下載一個(gè)版本，如：PHP版，解壓后，放在Django目錄下。

本項(xiàng)目放在static/plugs/目錄

2、安裝DjangoUeditor

在線(xiàn)安裝版本比較舊，不支持Python 3。從GitHub下載支持python3的DjangoUeditor3：

https://github.com/twz915/DjangoUeditor3/?github.com

然后離線(xiàn)安裝，執(zhí)行python setup.py install 安裝。

3、配置DjangoUeditor

（1）、settings.py中的配置

InstallED_APPS中注冊(cè)

在settings.py 最后添加設(shè)置及文件上傳路徑

UEDITOR_SETTINGS = {
"toolbars": { #定義多個(gè)工具欄顯示的按鈕，允行定義多個(gè)
"name1": [['source', '|', 'bold', 'italic', 'underline']],
"name2": []
},
"images_upload":{
"allow_type":"jpg,png,gif", #定義允許的上傳的圖片類(lèi)型
"max_size":"10222kb" #定義允許上傳的圖片大小，0代表不限制
},
"files_upload":{
"allow_type":"zip,rar,pdf,docx,doc,xls,xlsx,ppt,pptx,mp4,flv,swf", #定義允許的上傳的文件類(lèi)型
"max_size":"102222kb" #定義允許上傳的文件大小，0代表不限制
},
"image_manager": {
"location": "" #圖片管理器的位置,如果沒(méi)有指定，默認(rèn)跟圖片路徑上傳一樣
}
}
# DjangoEditor上傳目錄配置
MEDIA_URL='/static/ueupload/'
MEDIA_ROOT='./ExamWeb/static/ueupload/'

（2）、urls.py 中添加路由

url(r'^ueditor/', include('DjangoUeditor.urls'))

4、models.py中引入U(xiǎn)EditorField并綁定

from DjangoUeditor.models import UEditorField

把需要使用富文本框的字段類(lèi)型修改為UEditorField,此類(lèi)型繼承了TextField

5、模板頁(yè)面使用

(1)、引入JS腳本

<script src="{% static '/plugs/ueditor/ueditor.config.js'%}"></script>
<script src="{% static '/plugs/ueditor/ueditor.all.min.js'%}"></script>

(2)、綁定富文本框

<script>var ue = UE.getEditor('qcontent',{
'initialFrameWidth':1000,
'initialFrameHeight':150,
'serverUrl': "/ueditor/controller/?imagePathFormat=images/&filePathFormat=files/"
});
</script>

注意目錄要帶&amp;amp;amp;quot;/&amp;amp;amp;quot;

提示：settings.py 中關(guān)于上傳路徑的配置一定要注意，曾在這里浪費(fèi)很多時(shí)間，無(wú)法正常上傳。注意MEDIA_ROOT的設(shè)置，在服務(wù)器中目錄的配置會(huì)有問(wèn)題，用BASE_DIR來(lái)設(shè)置APP目錄，否則在Aapache下上傳目錄會(huì)建到C盤(pán)或Aapache目錄。

MEDIA_URL='/static/ueupload/'

MEDIA_ROOT=BASE_DIR+'/static/ueupload/'

配置成功界面

總結(jié)

以上是生活随笔為你收集整理的ueditor 不显示工具栏_Python 之Django富文本框Ueditor的使用的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。