首先,我们这里不是在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()


注:以上内容为原创,转载请标注转载地址