django集成DjangoUeditor

Django+DjangoUeditor

安装DjangoUeditor

1： Ueditor是百度开发的富文本编辑器，拥有支持的多个版本，但是官方的没有支持Django框架的，在支持的插件里面有一位大牛开发的基于Django的DjangoUeditor，将该App下载，ueditor官网：http://ueditor.baidu.com/website/
2：类似于django其他的插件的安装，将DjangoUeditor的文件夹复制到当前App的同级目录
3：在setting里面注册DjangoUeditor
4：目前我找到的例子都是以form为例讲解的，不清楚直接调用model如何处理，对于form有对应的两种模式：
在DjangoUeditor的github的说明如下：

class TestUeditorModelForm(forms.ModelForm):    class Meta:        model=Blog***********************************如果不是用ModelForm，可以有两种方法使用：1: 使用forms.UEditorFieldfrom  DjangoUeditor.forms import UEditorFieldclass TestUEditorForm(forms.Form):    Description=UEditorField("描述",initial="abc",width=600,height=800)2: widgets.UEditorWidgetfrom  DjangoUeditor.widgets import UEditorWidgetclass TestUEditorForm(forms.Form):    Content=forms.CharField(label="内容",widget=UEditorWidget(width=800,height=500, imagePath='aa', filePath='bb',toolbars={}))widgets.UEditorWidget和forms.UEditorField的输入参数与上述models.UEditorField一样。说明 关于第一种方法，需要在代码中建立相应的类（比如就在views.py中），并且需要在views.py渲染视图的时候返回到模板（template）中，对于上面的代码，具体使用可能如下（在views.py中）：from DjangoUeditor.forms import UEditorField class TestUEditorForm(forms.Form):    Description=UEditorField("描述",initial="abc",width=600,height=800)def edit_description_view(request):    form = TestUEditorForm()    return render(request,'edit-description.htm',{"form": form})而在edit-description.htm这个模板（template）里面，只需要在模板相应位置输出form即可：<div class="edit-area">     {{ form }} </div>

5：配置图片、文件的上传地址，如上所述imagePathFormat
在DjangoUeditor的配置文件中，最后上传的图片在编辑器中显示的路径是调用的MEDIA_URL，即指向的是当前App配置的MEDIA_ROOT文件夹下，将MEDIA_URL和App的URL保持一致，否则上传图片之后，资源管理器可以看到，但是当前编辑器界面是找不到的，表示在这坑了一天

先mark一下，继续update……