Ueditor下载
下载Ueditor的包,拷贝到和其他App同级的目录下
Ueditor安装
和普通App的安装一样,将Ueditor安装到install_app
配置Django的media路径
MEDIA_URL = '/media/'
MEDIA_ROOT = './media/'
编写Ueditor的模型form
# coding:utf-8
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”