Django 配置 Ueditor

xiaoxiao2021-02-28  14

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”

转载请注明原文地址: https://www.6miu.com/read-1150017.html

最新回复(0)