Django 配置 Ueditor

Ueditor下载

下载Ueditor的包，拷贝到和其他App同级的目录下

Ueditor安装

和普通App的安装一样，将Ueditor安装到install_app

配置Django的media路径

MEDIA_URL = '/media/'MEDIA_ROOT = './media/'

编写Ueditor的模型form

# coding:utf-8from django import formsfrom DjangoUeditor.widgets import UEditorWidgetfrom DjangoUeditor.forms import UEditorField, UEditorModelFormfrom models import Informationclass 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”