在线编辑器数据本地存储问题的分析和对策.docxVIP

PAGE4

摘要

在使用网络上的在线编辑器时，有时会出现网络不稳定，或者浏览器出现崩溃等问题，此时已编辑的内容没有保存，需要重新进行编辑，浪费了时间和精力。于是有了出一套在线编辑数据本地实时存储方案的想法。在和老师讨论后，确定了此方案需要考虑多平台的情况，对于数据的存储方案也需要做一些优化。

关键词：在线编辑器问题数据本地实时存储

引言

伴随互联网的普及，国民经济的发展，数据云服务已经深入了人类的的工作和生活。越来越多的人会在工作和生活中使用在线编辑器编辑文章、图表、视频、音频等内容，人们在浏览器中编辑的内容，会通过网络传输到相关服务器，以便随时随地对内容查看和编辑。在线编辑器极大的提高了使用人员的工作效率，但随着时间也暴露出了一些问题。在线编辑器的发展，源于当今愈渐稳定的网络环境，但是一旦网络出了故障，或者第三方的服务出现了问题，人们在浏览器中编辑的内容很可能就会丢失，此时，如果是在编辑复杂类型的内容，往往不能将编辑的内容手动保存到本地文件，只能等待服务恢复后重新编辑，严重影响了工作的效率。所以我们需要考虑来解决这个问题的方案。

1在线编辑器概述

1.1什么是在线编辑器

在线编辑器是一种通过浏览器等来对文字、图片等内容进行在线编辑修改的工具。一般所指的在线编辑器是指

HTML编辑器。

1.2在线编辑器的用途在线编辑器用来对网页等内容进行在线编辑修改，让用户在网站上获得“所见即所得”效果，所以较多用来做网站内容信息的编辑和发布和在线文档的共享等，比如新闻、博客发布等。由于其简单易用，被网站广泛使用，为众多网民所熟悉。比如百度百科的词条创建、修改的过程中，就使用的是在线编辑器。

1.3在线编辑器的功能在线编辑器一般具有如下基本功能：

文字的增加、删除和修改；

文字格式（如字体、大小、颜色、样式等）的增加、删除和修改；

表格的插入和编辑；图片、音频、视频等多媒体的上传、导入和样式修改；（4）文档格式的转换，比如

WORD文档格式转为普通网页格式等。

随着人们对网页编辑要求越来越高，人们对它不断地进行大量的功能改进和增加。比如：

可打开原有网页，另存/新建网页；

编辑器内的查找、替换功能；

多媒体的上传、播放支持；

图文样式调整、排版；

图片处理，如上传图片自动生成缩略图，以解决打开图片库选图速度慢的问题；非本地服务器图片自动下载及保存；

他站指定文件类型的自动下载到指定服务器；

完善的表格编辑功能（可插入、删除、修改、合并、拆分等），可编辑表格背景色、表格线等，并有预览功能，满意后插入/修改；表格线的加上与去除支持；

插入WORD/EXCEL等代码；

网页减肥，如WORD冗余代码去除；

去除危险代码；

代码转换，如全角/半角转换、大写/小写字母转换、汉字的繁简体转换等；（12）自定义CSS样式等。

1.4在线编辑器的发展

随着近年微博的迅速发展，为突破微博内容140字的限制，人们使用长微博工具将欲发布的文字、图片等综合信息转换为图片，附于文字微博之后。由于在线编辑器具有方便的编辑功能，也在此大显身手。随着云时代的来临，在线Office等在线编辑器将成为主流办公软件厂商的必争战场。

2在线编辑器存在的问题

当网络出现波动，或者在线编辑器提供方的服务器出现了故障，人们在浏览器中编辑的内容很可能就会丢失，此时，如果是在编辑复杂类型的内容，往往不能将编辑的内容手动保存到本地文件，只能等待服务恢复后重新编辑，严重影响了工作的效率。

3在线编辑器数据本地存储问题分析

3.1网络连接断开

如今的网络环境已经较为稳定，但总是难以避免会出现各种问题。常见的异常情况有电脑遭到攻击、路由器故障、网络线路连接故障等。在网络断开的情况下，无法与在线编辑器服务器进行通信，数据自然无法保存到服务器。

3.2浏览器页面崩溃

导致浏览器页面崩溃的原因有很多，最常见的原因就是页面数据量过大导致页面崩溃，数据量过大的原因可能是页面代码质量较差，也可能是编辑的内容数据量较大。当计算机内存比较低，系统以及浏览器版本也比较低的情况下，很容易出现页面崩溃的现象。而当页面崩溃，之前编辑的内容也是前功尽弃。

3.3在线编辑器服务器出现故障

在线编辑器作为第三方提供的产品，是依赖于第三方提供的环境运行的，而对于使用者而言，此环境是较为不可控的。没有任何公司可以保证自己提供的服务不会出现问题，一旦在线编辑器的服务提供方出现故障，在线编辑器自然无法再继续使用。

4在线编辑器数据本地存储问题的对策

4.1通过浏览器机制存储

localStorage和sessionStorage属性允许在浏览器中存储key/value对的数据。

sessionStorage用于临时保存同一窗口(或标签页)的数据，在关闭窗口