长沙市做网站公司排名,做网站哪个行业比较有前景,营口seo,备案的网站名称可以改吗最近公司接了一个项目#xff0c;里面用到富文本编辑器#xff0c;刚开始用的是vue-quill-editor#xff0c;这个编辑器轻量、好用。最重要的是它有专门正对nuxt的版本#xff0c;很容易配置#xff0c;可以放心使用#xff0c;不用担心bug之类的#xff0c;遇到问题里面用到富文本编辑器刚开始用的是vue-quill-editor这个编辑器轻量、好用。最重要的是它有专门正对nuxt的版本很容易配置可以放心使用不用担心bug之类的遇到问题在网上也能搜到相应的解决方法。
但是了我们项目经理就嫌弃这编辑器太轻量了说能不能换百度的到时内心mmp,给他说了一堆理由百度的编辑器就稍微丰富了一些图片上传这些功能vue-quill-editor也有啊、ueditor没有专门正对nuxt这种ssr版本的、往nuxt里面引导会出现一系列bug等然并卵说让我弄吧当时有点绝望本来我也不是大神只是个小菜鸟而且当时手上还有其他任务怕没时间做要知道配置这种东西很费时间没办法最后只能自己百度然后各种采坑了。
写这篇文章主要是给那些需要的人文章中如有错误感谢大家勇于指正好了废话不多说来看一下我这个小白遇到的问题
1.关于如何将ueditor里面的相关js文件引用到nuxt项目里 参考网站nuxt官网文档 (https://zh.nuxtjs.org/) 首先,先去百度富文本编辑器官网(http://ueditor.baidu.com/website/)去下载ueditor 1.4.3.3 jsp 版本utf-8 然后把下下来的文件自己新建文件夹放进去除了jsp文件夹 我的目录结构(我把除了jsp的文件夹以外的所有文件放到了新建文件夹Ueditor里面然后再把Ueditor文件夹放到nuxt的static下面至于为何放到static里请去看nuxt的官方文档) 然后给大家说一下nuxt引入外部js、css等文件的地方nuxt不要向一般的vue那样在main.js里面引入外部js,nuxt引入外部文件在nuxt.config.js里面 上图·有几处要说一下首先是static文件夹在nuxt里面的相对路径千万不要写/static/xx,去看官方文档直接就是/,那时候没看官网直接自己去找路径、结果就是404其次上面的js引入顺序按照这个顺序写吧不然会加载出差或者加载不完全基本这俩点搞定就ok了。 2.关于ueitor封装成组件统一调用及ueditor.config.js前端主要配置文件配置的问题关于封装成组件的形式请大家看这篇博客 (https://www.cnblogs.com/ocean-sky/p/7132319.html),里面讲的很详细博主里面github都放了相关的代码封装组件就按这个来没错如果你的ueditor里面文件各种报错的话可以去拷贝一份下来楼楼的上传图片一直不显示按钮就烤了一份ueditor.all.js文件下来就ok了 关于ueditor.config.js的配置,贴几张图片大家看一下 3.说一下上传图片的问题 首先我们配好ueditor后正常情况下上传图片啊、视频这些是坏的因为需要后端配置参考上面那篇博客里面的后端配置后端配置好了后会给你返回地址也就是我们上图那个服务器统一请求接口路径 注意这个点击上传图片的按钮只有下面图中接口返回正确才会出现否则就是提示后端配置项没有加载完成巴拉巴拉这类的这个接口必须调用成功返回相关的配置项。 然后就是上传问题了我不是说我之前考了一份ueditor.all.js文件吗在这个里面单图上传的文件被改过就是下图的地方 他用jquery的ajax请求的主要为了解决跨域的问题大家都指导vue这类的框架最好就不要扯上jquery了so,当时就报错了后来自己下面就重新写的请求 也就换了请求方法你自己也可以用其他的方式。 最后提一下图片上传接口返回的一个错误 点击上传他会请求接口发送这俩个参数不要担心参数、这都是ueditor弄好的而有一种错误是我遇到的那就是接口返回state是解析上传表单失败啊哈这是后端没有解析好你发的东西我的后端小伙伴说是给他传的upfile是null,一脸懵逼后来才查到是他那边springboot还是什么的跟什么冲突了巴啦啦的就他解析你参数的那个方法让他查一下为什么是null就百度出来了总之你如果也碰到这个问题可以让你的后端小伙伴上网上查一下 解决了就好了。 最后想说一定要看相关的文档然后多去思考刚开始感觉难但是一步一步走过来和身边的小伙伴配合就ok了.