首先,我们这里不是在admin里面集成百度富文本编辑器,如果是得话,请自行下载django第三方插件DjangoUeditor即可实现,我们这里探讨在html页面集成百度富文本编辑器;
一:下载百度富文本编辑器:百度富文本编辑器,然后按照文档集成,你会发现无法上传文件或者图片
二:后台上传配置(本文主要讲解后台上传配置)
1:新建app名称ueditor,修改后台统一接口:
找到ueditor.config.js文件,讲serverUrl改为后台接口地址,比如:serverUrl:'/ueditor/index/'
2:在ueditor文件夹中新建urls.py,添加url:url(r'index/$','index')
3:讲config.json中的数据拷贝出来放入ueditor文件夹中,命名为config.py,整理好格式为python格式,将数据命名为CONFIG,图片访问路径按照需求配置,如果访问路径为/media/img/aa.png,那么这里配置为/media/img
4:编写index处理方法
from django.core.files.storage import default_storage
from django.core.files.base import ContentFile
from .config import CONFIG
from django.http import HttpResponse
from django.views.decorators.csrf import csrf_exempt
import json
# 首先js初始化编辑器得时候会请求该接口,action为config,收到请求后,将我们要的格式返回,
# 为了效率和不必要的麻烦,我们直接用ueditor官方自带的config.json文件
@csrf_exempt
def index(request):
action = request.GET.get('action','config')
if request.method == 'GET':
data = CONFIG
return HttpResponse(json.dumps(data))
else:
#图片上传
if action == 'uploadimage':
data = request.FILES.get('upfile')
name = data.name
#该方法会保存在你的media中,前提是必须配置好media
path = default_storage.save('ueditor/'+name,ContentFile(data.read()))
#必须以下格式返回
data = {'url':path,'state':'SUCCESS'}
return HttpResponse(json.dumps(data)) 5:配置完成之后,js提交数据格式
form表单提交:
<form action="server.php" method="post">
<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">
这里写你的初始化内容
</script>
</form>
ajax提交:
var ue = UE.getEditor('<你的UE_ID>')
text = ue.getPlainTxt()注:以上内容为原创,转载请标注转载地址