富文本编辑器和编辑方法技术

本发明专利技术提供一种富文本编辑器和编辑方法，其中富文本编辑器包括接收模块、存储模块、发送模块、显示模块和图片编辑模块。接收模块接收图片，并将图片发送给图片编辑模块。图片编辑模块将图片从base64格式转换为jpg格式后发送给存储模块进行存储。发送模块将图片的存储路径发送给显示模块。显示模块发送二次请求给存储模块请求获取图片数据。存储模块接收二次请求后通过发送模块将图片数据发送给显示模块。本发明专利技术将图片的复杂的base64格式转成jpg格式，可以使base64格式的一大串字符串改成简单的jpg格式，极大地减少了上传的字符串数量，这样就轻松的减轻了数据传给后台的压力以及后台的存储压力。

【技术实现步骤摘要】
富文本编辑器和编辑方法
本专利技术涉及计算机移动终端
，特别涉及一种富文本编辑器和编辑方法。
技术介绍
富文本编辑器，RichTextEditor,简称RTE,是一种可内嵌于浏览器，所见即所得的文本编辑器。现有的富文本编辑器，在编辑图片时会有如下问题：比如vue(Vue是一套用于构建用户界面的渐进式JavaScript框架)里面经常用的一个轻量级富文本编辑器vue-quill-editor，这个富文本编辑器功能强大也很完善，但是缺点是在图片上传时和上传后，其格式是一长串的base64编码格式，将一长串的base64编码传给后台的存储和处理模块，就增加了传送压力和存储压力。Base64是网络上最常见的用于传输8Bit字节码的编码方式之一。Base64就是一种基于64个可打印字符来表示二进制数据的方法。
技术实现思路
本专利技术的目的是提供一种富文本编辑器和编辑方法，可以解决现有技术中上传图片的过程中长串的base64编码带来的传送和存储问题。本专利技术的目的是通过以下技术方案实现的：第一方面，本专利技术提供一种富本文档来自技高网...

【技术保护点】
1.富文本编辑方法，其特征在于，包括以下步骤：/n步骤S1、图片编辑模块将接收到的图片从base64格式转换为jpg格式后发送给存储模块；/n步骤S2、存储模块对jpg格式的图片进行存储，并将存储路径发给显示模块；/n步骤S3、显示模块接收到存储路径后，向存储模块发送二次请求，请求获取图片数据；/n步骤S4、存储模块接根据二次请求中携带的文件名称和路径，找到对应的图片数据，通过发送模块将图片数据发送给显示模块，由显示模块生成图形化界面。/n

【技术特征摘要】
1.富文本编辑方法，其特征在于，包括以下步骤：
步骤S1、图片编辑模块将接收到的图片从base64格式转换为jpg格式后发送给存储模块；
步骤S2、存储模块对jpg格式的图片进行存储，并将存储路径发给显示模块；
步骤S3、显示模块接收到存储路径后，向存储模块发送二次请求，请求获取图片数据；
步骤S4、存储模块接根据二次请求中携带的文件名称和路径，找到对应的图片数据，通过发送模块将图片数据发送给显示模块，由显示模块生成图形化界面。


2.根据权利要求1所述的富文本编辑方法，其特征在于，所述的图片编辑模块使用formidable模块将图片从base64格式转换为jpg格式，具体包括：选择图片上传到接收模块；接收模块将图片的图片数据发给图片编辑模块；图片编辑模块使用formidable模块设置存储路径并且将图片改名，修改为文件名.jpg的格式；图片编辑模块将修改后的文件名及对应的图片数据发送给存储模块。


3.根据权利要求2所述的富文本编辑方法，其特征在于，图片编辑模块调用parse方法解析接收模块传过来的图片数据，得到...

【专利技术属性】
技术研发人员：廖燕华，韦翠芙，
申请(专利权)人：广州爱浦路网络技术有限公司，
类型：发明
国别省市：广东;44