首先,如果需要,请自行下载并实现django第三方插件DjangoUeditor,而不是将百度富格文本编辑器集成到管理员中。 这里考虑将百度富格文本编辑器集成到html页面中;
(一)下载百度富格文本编辑器,按照文档进行整合,会发现无法上传文件和图片
2 )后台上传配置(本文主要介绍后台上传配置) )。
1 )找到新的app名称ueditor (修改后台统一接口) ueditor.config.js文件,并将serverUrl更改为后台接口地址。 例如serverUrl:'/ueditor/index/'
在ueditor文件夹中创建新的urls.py,并添加URL:URL(r'index/$ ',' index ' )
3 )复制CONFIG.json数据并放入ueditor文件夹,命名为config.py,组织格式为python格式,数据命名为config,图片访问路径根据需要放置。 如果访问路径为/media/img/aa.png,则在此为
4 )索引处理方法创建from django.core.files.storageimportdefault _ storage
from django.core.files.baseimportcontentfile
from.configimportCONFIG
from django.httpimporthttpresponse
from django.views.decorators.csrfimportcsrf _ exempt
导入JSON
#首先,js初始化编辑器必须请求此接口。 动作是config。 收到请求后,把我们要求的格式还给你。
#为了效率和不必要的故障,我们直接使用ueditor公式附带的config.json文件
@csrf_exempt
ef索引(请求) :
action=request.get.get('action ',' config ' )
ifrequest.method=='GET':
data=CONFIG
返回httpresponse (JSON.dumps ) data ) )
else:
#图像上传
ifaction=='uploadimage':
DATA=request.files.get(upfile ) )。
name=data.name
#本方法保存在您的媒体上,前提是必须配置媒体
path=default _ storage.save (u editor/' name,内容文件(data.read ) ) )
#必须以以下格式返回
data={'url':path,' state':'SUCCESS'}
返回httpresponse (JSON.dumps ) data ) )
5 :配置完成后,js提交并提交数据格式表单:
在这里写下你的初始化内容
ajax提交:
varue=UE.getEditor (' ' )
text=ue.getPlainTxt (