Ueditor下载
下载Ueditor的包,拷贝到和其他App同级的目录下
Ueditor安装
和普通App的安装一样,将Ueditor安装到install_app
MEDIA_URL =
'/media/'
MEDIA_ROOT =
'./media/'
from django
import forms
from DjangoUeditor.widgets
import UEditorWidget
from DjangoUeditor.forms
import UEditorField, UEditorModelForm
from models
import Information
class InformationUEditorForm(forms.Form):
description = UEditorField(
"内容", initial=
"请再次填写内容", width=
500, height=
100, filePath=
"img/")
class InformationUEditorModelForm(UEditorModelForm):
class Meta:
model = Information
fields =
'__all__'
filepath为编辑器上传文件的路径
生成页面参数
form = InformationUEditorForm(initial={
'description':
'请在此输入文字'})
在模版页面引入Ueditor
{{ form.media }}
配置编辑器
<div id="description" style="width:100%; height: 400px;"></div>
<script type="text/javascript">
var w = 1000;
var id_content = UE.getEditor('description',{'initialFrameWidth': w, 'initialFrameHeight': 300, 'serverUrl': '/ueditor/controller/?imagePathFormat=img/&filePathFormat=img/'});
id_content.ready(function(){
id_content.setContent("");
});
</script>
其中/ueditor/controller/?imagePathFormat=img/&filePathFormat=img/配置的是图片和文件上传的位置,是相对于media路径的,假如上传一张图片后,可以看到图片的URL的路径部分为”/media/img/下载_20170604065421_194.png”