我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

网站维护之Ueditor编辑器深度自定义改造

经常做网站编辑,添加新闻,文章,产品,图片,资料,确实对在线网页编辑器的操作便捷性非常看重,总希望编辑器是能高端智能化,傻瓜式,所见即所得能让完全不懂html css等技术代码的文员都能编辑出漂亮的页面效果是任何网编都梦寐以求的,但现实是没有那么好的。
最近在编辑文章时偶尔了解到一个叫Markdown的编辑器,开始不知道是什么工具,后来网上搜索了解到原来次工具是一个非常简单只需要几个简单快捷键就能很好编排出可视性强的文章,对于专业博客写手或作家们做文字编排是福音,然后就在想我能不能找一个有这样Markdown一样方便的编辑器来编辑我的网站内容呢?后来发现是不行的,因为网站开发时程序员就集成了百度开源的一个编辑器叫Ueditor,没办法也只能先用他了,于是动起了深入自定义改造此编辑器的想法,先罗列出我在实际使用ueditor编辑网页时遇到的许多不方便整理出来,而且这些问题极大降低了我网编的效率还有编排效果,真的很费神!主要问题有以下几点:
1.不能直接将粘贴的图片自动上传到网站服务器(不管是从word里还是网络链接的图片,就这点对图片的处理是最耗费时间的,平时我只能一张张的保存到电脑然后再一张张的上传,可以想象是如果的效率低下!!!)
2.从网络拷贝的文章默认粘贴到编辑框里无法去除样式,必须得先点击一个“纯文本的粘贴”的按钮(这多了一个步骤,心想能否默认就是纯文本粘贴呢?)
3.ueditor竟然过滤样式代码,如style 等标签,这问题很严重啊(有时我们已经重构好的html文件都是有样式控制效果的,突然因为简单修改保存后竟然页面样式全没了变成了一个丑的要死的网页,吓出一身冷汗)
4.图片能否批量上传呢?而且是按照我们选择的顺序来排列呢?(吐槽:这又是一个难题,为了提高效率我们想批量上传多张图片因为图片是有顺序的,但是上传上去后竟然给你顺序打乱,这真的是恼火,不得不耗费很多时间去检查重新拍!)
5.隔十几秒时间自动能保存已经编辑好的内容(这个也很重要,经常遇到你在编辑文章过程很久突然断电或不小心关闭了页面抑或时间久了后台自动退出这时悲剧了,前面耗费那么多时间编辑的内容竟然全没了,欲哭无泪!心想有没有好办法能让编辑器可以自动保存呢?)
目前我暂时感觉到这5点是影响大的,于是网上搜索资料在着手对ueditor编辑器进行优化改造,希望能提高工作效率,实在是太急迫了,最后通过坚持不懈的努力耗费两昼夜时间终于给这5个问题尽可能的给优化过来,虽然还有部分使用问题没有很好的解决但是比起最开始是好了不少。
针对一点解决方法:这个没有对代码做任何修改编辑器默认有,我的解决方法是将从网络里拷贝的图文文章先拷贝到word然后再从word里的粘贴到编辑器,于是出现了一个叫“图片转存”的提示这时就只能一张张的去给图片进行转存(怎么操作篇幅长自行搜索,有一个注意要点就是在生成一个本地图片链接前面是带file:///一定要给这个去掉才能在本地打开图片),这个只能一张张的去转存虽然也不太方便但是比起之前的方式是方便不少。网上也搜索过用一个空间叫wordpaster集合到编辑器里无奈小编不懂js技术捣鼓了几个钟都未能成功最后只好放弃有懂的朋友可以去试试。
第二点解决方法:https://blog.csdn.net/y18749247391/article/details/79915828 我是从这篇文章里改的。他能实现默认是纯文本粘贴然后图片能做到不屏蔽
第三点解决方法:这个需要自行网上搜,我自己的貌似技术有给解决。
第四点解决方法:图片批量上传本身是支持的但是顺序混乱问题我有在网上找到这篇帖子https://blog.csdn.net/qq_33157666/article/details/79584365尝试过貌似有问题不确定是我浏览器flash插件问题还是什么然后我又还原回来的,可以去试试。
第五点解决方法:对ueditor.config.js第104行 前面的注释符号“//”删除启用自动保存(,enableAutoSave:true)


网站栏目:网站维护之Ueditor编辑器深度自定义改造
转载来于:http://shouzuofang.com/view/185110.html

其他资讯