Vue.js中如何使用wangEditor富文本编辑器

Vue.js中如何使用wangEditor富文本编辑器，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

1.前端代码

前端HTML

                        
                
欢迎使用 wangEditor 富文本编辑器
            
                            添加            

前端js

2.后端代码(python + Django)

django路由

from django.conf.urls import patternsfrom home_application import host_viewurlpatterns = patterns(    'home_application.views',    (r'^$', 'home'),    (r'^api/test/$', "test"),    (r'^upload_img/$', host_view.upload_img),    (r'^media/(?P\d+).(?P\w+)', host_view.get_media),    ...)

django视图

import osimport timefrom django.views.decorators.csrf import csrf_exemptfrom django.http import JsonResponse, HttpResponsefrom django.utils.encoding import escape_uri_pathdef check_upload_wrapper(func):    def inner(*args, **kwargs):        if not os.path.exists("media/"):            os.makedirs("media/")        return func(*args, **kwargs)    return innerdef create_blog(request):    data = json.loads(request.body)    content = data.get("content")    print(content)    return JsonResponse({"result": True})def get_media(request, name, postfix):    file_name = name + "." + postfix    file_path = os.path.join("media", file_name)    file = open(file_path, 'rb')    response = HttpResponse(file)    response['Content-Type'] = 'application/octet-stream'    response['Content-Disposition'] = "attachment;filename*=utf-8''{}".format(escape_uri_path(file_name))    return response@csrf_exempt@check_upload_wrapperdef upload_img(request):    file_list = []    for k, v in request.FILES.items():        t = time.strftime('%Y%m%d%H%M%S')        now_file_name = t + '.' + k.split('.')[-1]        file_path = os.path.join('media', now_file_name)        with open(file_path, "ab") as f:            f.write(v.read())        file_list.append("/" + file_path)    return JsonResponse({"errno": 0, "data": file_list})

关于Vue.js中如何使用wangEditor富文本编辑器问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注行业资讯频道了解更多相关知识。