CN101794455B - 可绘图的网络编辑器及网络信息输入编辑系统 - Google Patents

Abstract

本发明揭示一种可绘图的网络编辑器及网络信息输入编辑系统。编辑器可以部分或全部设置于服务器，服务器通过网络与客户端连接并处理客户端送过来的数据信息；所述编辑器也可以部分或全部设置于客户端，客户端通过网络与服务器连接并执行服务器传送过来的代码。所述编辑器还包括绘图模块，用以在所述编辑器中制作图片信息；其包括画布形成单元、若干图形绘制单元、第一图片形成单元；画布形成单元用以形成画布；若干图形绘制单元用以绘制设定的图形信息；第一图片形成单元用以使绘制的图形形成图片格式。该编辑器能使用户在网络交流中高效率地表达那些学术性很强的公式、符号、函数图像和图表等常用的学术性信息，可以在线编辑、查看、修改。

Description

可绘图的网络编辑器及网络信息输入编辑系统

技术领域

本发明属于计算机网络技术领域，涉及一种编辑器，尤其涉及一种可绘图的网络编辑器；此外，本发明还涉及一种包括所述编辑器的网络信息输入编辑系统。

背景技术

目前，交流的信息内容对编辑器具有独特的要求，在网络上能否清楚地表达自己的意思不仅仅需要文字输入，有时需要使用图片来解释，甚至于应用动画、公式、图表、上传文件等等方式。目前主流的网络编辑器也能输入文字、图片甚至声音、动画，但是在交流学术问题时，这些功能会显得力不从心；首先是插入的内容不能在编辑器中修改，同时，普通编辑过程通常需要通过软件绘制出图像后保存并上传到服务器后发布才能显示，这种方式过程繁琐，消耗时间长。

发明内容

本发明所要解决的技术问题是：提供一种可绘图的网络编辑器，可在网页中插入公式、图表等，同时可以实时输入、实时查看输入结果。

同时，本发明还提供一种包括所述编辑器的网络信息输入编辑系统。

为解决上述技术问题，本发明采用如下技术方案：

一种可绘图的网络编辑器，所述编辑器可以部分或全部设置于服务器，服务器通过网络与客户端连接并处理客户端送过来的数据信息；所述编辑器也可以部分或全部设置于客户端，客户端通过网络与服务器连接并执行服务器传送过来的代码。所述编辑器在客户端、或/和服务器执行；所述编辑器包括文字输入模块、图片输入模块；所述编辑器还包括绘图模块，用以在所述编辑器中制作图片信息；其包括画布形成单元、若干图形绘制单元、第一图片形成单元；画布形成单元用以形成画布；若干图形绘制单元用以绘制设定的图形信息；第一图片形成单元用以使绘制的图形形成图片格式。

作为本发明的一种优选方案，所述绘图模块还包括第一格式保存单元、图片打开单元；第一格式保存单元用以保存图片的可编辑格式于数据库中，以后可根据该保存的图片继续修改；图片打开单元用以打开其他图片，所述画布形成单元在被打开图片的基础上形成画布。

作为本发明的一种优选方案，所述绘图模块还包括第一提示单元、智能捕捉单元、预绘图单元；第一提示单元，用以提示当前坐标、提示起点坐标、提示正在绘制图形的宽度、提示正在绘制图形的高度；智能捕捉单元，用以帮助用户在绘图过程中捕捉已经绘制图像的点、线、圆心、切线；预绘图单元，用以在用户输入图形信息时，在客户端显示预绘制图形，而不通过服务器处理，给用户直观而且迅速的图形提示信息。

作为本发明的一种优选方案，所述绘图模块还包括已输入图形再次修改单元，用以在用户将图形绘制到画布之后能够依然进行位移、旋转、改变填充样式、改变线条样式和大小。

作为本发明的一种优选方案，所述编辑器还包括公式输入模块，用以在所述编辑器中输入数学公式信息；该公式输入模块包括公式输入单元、第二提示单元；公式输入单元用以输入各种数学公式；第二提示单元用以在通过所述公式输入单元输入公式的过程中给予提示，提示内容包括错误信息提示、需要输入的内容格式提示。

作为本发明的一种优选方案，所述编辑器还包括化学方程式输入模块，用以在所述编辑器中输入化学方程式信息；该化学方程式输入模块包括第二文字输入单元、第二图片形成单元、第二格式保存单元、下标处理单元；第二文字输入单元，用以输入反应物、生成物、及反应条件；下标处理单元用以判断所述第二文字输入单元输入的文字是否应为下标；应为下标的形成下标格式；第二图片形成单元，用以将所述输入的反应物、生成物、反应条件、及箭头形成图片格式；第二格式保存单元，用以保存所述第二图片形成单元形成的图片的可编辑格式于一数据库中，以后可根据该保存的图片继续修改。

作为本发明的一种优选方案，所述编辑器还包括函数图像输入模块，用以根据输入的函数在所述编辑器中形成函数图像信息；所述函数图像输入模块包括函数输入单元、坐标轴形成单元、图像形成单元；函数输入单元，用以输入函数信息；坐标轴形成单元，用以形成函数图像的坐标轴；图像形成单元，用以在坐标轴上形成所述输入的函数对应的若干点或线，根据所述若干点或线形成对应的函数图像。

作为本发明的一种优选方案，所述图像形成单元在坐标轴上以像素为单位形成所述输入的函数对应的若干点或线，该若干点或线形成对应的函数图像。

作为本发明的一种优选方案，所述编辑器还包括图表输入模块，用以在所述编辑器中根据表格中的数据形成图表格式；所述图表输入模块包括第四数据输入单元、第四图表形成单元、第四格式保存单元；第四数据输入单元用以输入表格中的数据信息；第四图表形成单元用以根据所述表格中的数据信息，形成图表格式；第四格式保存单元用以保存图表的可编辑格式于一数据库中，以后可根据该保存的图表继续修改。

作为本发明的一种优选方案，所述编辑器还包括暂存单元，用以保存编辑内容未发布的数据于服务器的数据库中。

一种网络信息输入编辑系统，其包括服务器、客户端、及编辑器；所述编辑器可以部分或全部设置于服务器，服务器通过网络与客户端连接并处理客户端送过来的数据信息；所述编辑器也可以部分或全部设置于客户端，客户端通过网络与服务器连接并执行服务器传送过来的代码。编辑器包括所述编辑器包括文字输入模块、图片输入模块；所述编辑器还包括绘图模块，用以在所述编辑器中制作图片信息；其包括画布形成单元、若干图形绘制单元、第一图片形成单元、第一格式保存单元、图片打开单元；画布形成单元，用以形成画布；若干图形绘制单元，用以绘制设定的图形信息；第一图片形成单元，用以使绘制的图形形成图片格式；第一格式保存单元，用以保存图片的可编辑格式于一数据库中，以后可根据该保存的图片继续修改；图片打开单元，用以打开其他图片，所述画布形成单元在被打开图片的基础上形成画布。

作为本发明的一种优选方案，所述系统包括语言工具模块，用以在所述编辑器中实现语言辅助功能；包括繁简体转换单元、拼音转换单元、字典单元、中文分词单元。

本发明的有益效果在于：本发明编辑器在编辑的时候可以直接在编辑器中发布各类数据，如在网页编辑器中绘图、输入数学公式、化学方程式、函数图像、图表等等；节省大量的时间，发布后依然可以继续修改。对于数学公式还编写了用户输入代码校验功能，对用户输入的代码进行检查，发现错误及时提示，并指出修改方式；当用户在工具栏中选择并插入代码的时候，还能提示用户输入了什么，此符号的学名，有几个参数，接下来的内容如何输入等提示信息。该编辑器能使用户在网络交流中高效率地表达那些学术性很强的公式、符号、函数图像和图表等常用的学术性信息。人们可以通过不同的客户端在线交流和修改上述各种信息，可以在线编辑、查看、修改。

附图说明

图1为本发明网络输入编辑系统的组成示意图。

图2A-2C为绘图模块所绘图形的示意图。

图3为化学方程式输入模块输入的化学方程式示意图。

图4为传统的图表输入步骤与本发明图表输入步骤的对比图。

具体实施方式

下面结合附图详细说明本发明的优选实施例。

实施例一

请参阅图1，本发明揭示一种网络信息输入编辑系统，包括服务器1、通过网络与服务器1连接的客户端2、及设置于客户端2的网络信息输入编辑器20。

所述编辑器20不但可以轻松输入文字、图片、声音、动画；同时还可以实时输入数学公式、化学方程式、矢量图，函数图像、图表等；另外，还可以有其他功能，如：投票系统、文件上传、高亮显示、语言工具、插入地图、可暂存，本发明使用方便、而且易于转载和移植，满足用户交流不同学术内容时的需求。

请参阅图1，所述编辑器20具体包括文字输入模块201、图片输入模块202、动画输入模块203、声音输入模块204、绘图模块205、数学公式输入模块206、化学方程式输入模块207、函数图像输入模块208、图表输入模块209、投票模块210、文件上传模块211、高亮显示模块212、语言工具模块213、地图插入模块214、暂存模块215。

上述模块中，文字输入模块201、图片输入模块202、动画输入模块203、声音输入模块204已经是较成熟的技术，用户可以通过现有的网络编辑器输入文字、图片、动画及声音。以下主要介绍除此之外其他模块的组成及工作过程。

【绘图模块】

绘图模块205用以在所述编辑器中输入矢量图信息；绘图模块205包括画布形成单元、若干图形绘制单元、第一图片形成单元、第一格式保存单元、图片打开单元、第一提示单元、智能捕捉单元、预绘图单元、已输入图形再次修改单元。

画布形成单元用以形成画布；若干图形绘制单元用以绘制设定的图形信息，绘制原理与CAD、FLASH、PHOTOSHOP等图形制作工具类似；第一图片形成单元用以使绘制的图形形成图片格式，可通过客户端或者服务器形成图片格式；第一格式保存单元用以保存图片的可编辑格式于一数据库中，以后可根据该保存的图片继续修改；图片打开单元用以打开其他图片，所述画布形成单元在被打开图片的基础上形成画布。第一提示单元用以提示当前坐标、提示起点坐标、提示正在绘制图形的宽度、提示正在绘制图形的高度；智能捕捉单元用以帮助用户在绘图过程中捕捉已经绘制图像的点、线、圆心、切线；预绘图单元用以在用户输入图形信息时，在客户端显示预绘制图形，而不通过服务器处理，给用户直观而且迅速的图形提示信息。已输入图形再次修改单元用以在用户将图形绘制到画布之后能够依然进行位移、旋转、改变填充样式、改变线条样式和大小。

请参阅图2A-图2C，本系统中的图像绘制并不是经过Photoshop、Flash、Windows画图板处理而成，而直接在网页上用鼠标画出来。

图像如何显示：本实施例中，由服务器中的绘图引擎绘图。客户端通过发送绘图请求至服务器，服务器绘图完毕后将图像数据传到客户端，客户端只要显示图像即可。这种方式可以无视兼容问题(几乎所有的浏览器基本上都支持图像显示)，而且容易把握，也利于传播。绘制的图像不是一条指令画出来的，而是由文字、圆、矩形、线段和箭头共同组成的。为了让这些图像同时显示在一起，绘图模块还包括解析器，用于解析图像的各类信息。

服务器与客户端间传递的一长串地址当中记录了绘图模块位置，所要渲染图像的大小，然后是每个图像类型的坐标信息。客户端给服务器发送请求绘图模块后，绘图模块先读取图像大小，并且在服务器内存中创建该大小的画布，然后逐一读取每个图形类型(每个图形类型有一个代号)、坐标和附加信息，使用指定的图形类型信息画出直线、圆、矩形或其他形状，坐标控制图形的位置，附加信息用于处理类似于文字标注的文本内容、弧线的起始角和终止角的信息。详细说明请参考表1中绘图方法的技术要点：

表1-绘图方法的技术要点

如何绘图：这是一个过程，首先客户端告诉服务器希望画出什么图形，然后服务器根据输入的数据信息来提供图片。但是按照上面的绘图模块的原理，如果让用户直接以文字方式输入图形类型、坐标、附加信息的内容对用户来说是非常不方便的。于是本发明开发了图形化的编辑器。本发明通过使用JavaScript代码和AJAX技术编写了不使用任何外部插件的画板，该技术方案本领域技术人员可通过现有技术实现。

本实施例中，只要能获得每次单击鼠标的位置，就能锁定图像的位置和大小，而附加信息可以通过额外的文本框输入。考虑到此图像需要较高精度的定位，本系统抛弃了类似于Flash的拖放式绘图方式，而借鉴了图纸设计软件AutoCAD的绘图方式，画直线和箭头时第一次单击画布确定起点，第二次单击确定终点；画圆是以第一次单击确定圆心，第二次单击确定半径；画其他图形的输入方法可以参考上述的技术要点表。这样就做到了让用户在输入绘图内容时非常直观和方便：用户每画一个图形，就会自动地将图形的信息添加到一个列表中，服务器再根据列表中的数据重新绘图并显示。如要修改，用户可以从列表中删除不满意的内容，再对其进行修改，修改后的图像又将被服务器自动重新绘制。这样就达到了一边修改、一边绘图、一边看到结果的实时效果。软件还能实现以原来绘制好的图像进行新图形的定位功能。

客户体验的改进：使用一段时间后，发现这种设计方法过于依赖于网络速度的快速处理能力，对网络的流速有较高的要求，当网络速度较慢时很多地方还不能达到原先设想的要求，甚至有时画直线都会非常吃力，因为客户端的每一次点击都要和服务器进行数据通讯(这个缺点在被称为和手机上网一样慢的无线网络环境中表现更为明显)，当网速不理想时这个缺点是非常明显的。所以本发明又对编辑器进行了性能优化，着重考虑如何大幅度减少客户端与服务器的信息传递。经过进一步研究，尝试将原先在服务器端记录的状态信息改为直接放在客户端记录，从而去掉了大量的不必要的服务器端AJAX回调，并添加了按住Shift键画直线的功能。这下使用舒适度大幅度提升了。

绘图工具专业化：比通常的功能增加了两项功能，使图形绘图功能更专业化。一项是用户可以在工具栏旁直接选择输出图形的线条样式和填充样式，可以让使用者绘制出更加多样化的图形。另外一项功能是裁剪，用户在第一次选择画布大小的时候并不能非常直观地填写尺寸，增加这项功能能给用于更细化的尺寸调整能力。

【数学公式输入模块】

数学公式输入模块206用以在所述编辑器中输入数学公式信息；该公式输入模块206包括公式输入单元、第二提示单元。

公式输入单元用以输入各种数学公式，该技术现在已经较为成熟；第二提示单元用以在通过所述公式输入单元输入公式的过程中给予提示，提示内容包括错误信息提示、需要输入的内容格式提示。

显示公式时遇到的问题：显示1+1＝2这样简单的公式可以直接通过键盘输入来达到。而复杂的公式不可能通过简单的键盘输入实现。

本发明使用已经成为通用标准的Tex代码转为公式图像的Web服务(地址：http://www.imathas.com/)，该网站使用开源mineTex渲染引擎，直接调用其中的引擎即可将图像显示出来。

本发明增加了对于数学公式还编写了用户输入代码校验功能，对用户输入的代码进行检查，发现错误及时提示，并指出修改方式；此外，当用户在工具栏中选择并插入符号时，还能提示用户输入了什么、此符号的学名、有几个参数，接下来的内容如何输入等提示信息。

【化学方程式输入模块】

化学方程式输入模块207用以在所述编辑器中输入化学方程式信息；该化学方程式输入模块207包括第二文字输入单元、下标处理单元、第二图片形成单元、第二格式保存单元。

第二文字输入单元用以输入反应物、生成物、及反应条件。下标处理单元用以判断所述第二文字输入单元输入的文字是否应为下标；应为下标的形成下标格式。第二图片形成单元，用以将所述输入的反应物、生成物、反应条件、及箭头形成图片格式，可通过客户端或者服务器形成图片格式(类似绘图模块的说明)。第二格式保存单元，用以保存所述第二图片形成单元形成的图片的可编辑格式于一数据库中，以后可根据该保存的图片继续修改。

请参阅图3，其揭示了化学方程式的组成示意图。化学方程式需要分成若干块从第三方服务器下载，并将这若干张图片拼接，并能绘制中文和控制箭头的长度。

图3中，红框中的内容为单张图片，整个方程式是由这些图片拼成。其中两边包含化学式的图片均从第三方服务器下载。箭头则是一条通过对“条件”的文字图片长度计算出的一条直线和一张【>】形状的图片组成，条件先由服务器绘图，并计算位置，然后拼接起来。整合后的图片效果较好。

本模块操作非常方便，只要在模块的第二文字输入单元中分别输入“2KNO3+3C+S”和“K2S+N2+3CO2”即可，下标处理单元完全可以无视下标需要的处理而自动完成。如果原子数超过一位数，需要用特殊符号如“{}”括起来。服务器将使用正则表达式自动添加Tex中的下标符号“_”，并且调用化学方程式渲染器显示它们，并且支持上下箭头。“条件”部分可以选择输入或者自行输入。

【函数图像输入模块】

函数图像输入模块208用以根据输入的函数在所述编辑器中形成函数图像信息；所述函数图像输入模块包括函数输入单元、坐标轴形成单元、图像形成单元。

函数输入单元用以输入函数信息；坐标轴形成单元用以形成函数图像的坐标轴；图像形成单元用以在坐标轴上形成所述输入的函数对应的若干点，根据所述若干点形成对应的函数图像。优选地，所述图像形成单元在坐标轴上以像素为单位形成所述输入的函数对应的若干点或线，该若干点或线形成所输入函数对应的函数图像。

计算机上绘制函数图像的方法能满足在同一个坐标系内可以输入任意多个不同形式的函数图像的需求。经过认真研究和多种方案的优劣比较，本发明采用服务器端处理图像传给客户端的原理来解决在编辑器中达到自由输入和表现函数图像的功能需求，也能在客户端直接处理由用户输入或服务器传来的图像的信息来解决在编辑器中达到自由输入和表现函数图像的功能需求。

【图表输入模块】

图表输入模块209用以在所述编辑器中根据表格中的数据形成图表格式；所述图表输入模块包括第四数据输入单元、第四图表形成单元、第四格式保存单元。

第四数据输入单元用以输入表格中的数据信息；第四图表形成单元用以根据所述表格中的数据信息，形成图表格式；第四格式保存单元用以保存图表的可编辑格式于一数据库中，以后可根据该保存的图表继续修改。

请参阅图4，现有的网络信息输入编辑器，如果要将一些表格数据形成图表的格式，需要：(1)在Excel中输入数据；(2)将图表复制到Windows画图板中；(3)再存图片；(4)再上传到服务器。在本发明系统中，只需要输入表格的信息，其他步骤均集成于编辑器中，使用方便。

从图4可以看出使用本发明的网络编辑器中的图表输入功能可以节省5个步骤，这些步骤虽然不会消耗太长的时间，但是非常机械化。而在本发明的网络编辑器中，用户只要输入项名称和所对应的值，预览后插入即可，这种方式给用户带来了图表输入的极大方便。表2列出了本发明网络编辑器可以绘制的部分图表样式和需要输入的参数，其形式并不限于此。

图表样式	需要输入的数据
		饼图	{数据名，数据值}、宽度、高度
条形图	{数据名，数据值}、宽度、高度、横轴单位、纵轴单位
		折线图	{数据名，数据值}、宽度、高度、横轴单位、纵轴单位

散点图	{数据名，数据值}、宽度、高度、横轴单位、纵轴单位

表2-本发明网络编辑器可以绘制的部分图表样式和需要输入的参数

【投票模块】

投票模块210用以在所述编辑器中设置投票功能。

投票这是一个互动功能；现在的电子公告板中，用户可以轻松地发起一个投票。而这些投票系统都是内置在电子公告板系统中的，并且一帖子只能发起一个。本发明编写的投票系统类似于船屋，可以像图片一样插入(使用iFrame)并且可以到处传播，每页的插入数量也不受限制(对于一些封禁iFrame标签的网站来说，还要进行些特殊处理)。在这个功能开发中，用到了数据库来存储投票信息，用已经制作好的图表渲染器按饼图显示不同项的票数情况。

【文件上传模块】

文件上传模块211用以在所述编辑器中上传文件信息；

几乎所有的互动网站都提供文件上传功能。但是目前这些上传功能都有一个致命的缺点：对上传文件的类型有限制。主要原因是一些黑客会上传一些能被服务器运行的木马，对服务器进行恶意攻击。所以大多数的网站设计师默认关闭了ASPX，ASP，PHP，ASHX，ASMX，ASBX，CGI，PL，JSP，EXE，BAT，COM，DLL等文件的上传权限。而这些文件对于一些学生来说通常需要压缩才能通过“安检”，下载后要解压才能查看。还有一个问题就是长期以来用户上传的文件会消耗服务器磁盘空间，而这些文件完全可以在经过特殊处理后体积变得更小。针对这两个问题，本发明的解决方案为：服务器在接收用户上传的文件同时，对其进行自动压缩，下载的时候进行解压把解压后的数据传给下载的用户的解决办法。因为压缩文件将完全破坏源文件原来的文件内容，从而不能被服务器识别，而且让文件体积更小，从而节约了磁盘空间。这样用户上传任何文件，都不用担心安全问题，不过压缩和解压的过程是需要消耗服务器处理器资源的。

【高亮显示模块】

高亮显示模块212用以在所述编辑器中显示设定若干种字体或颜色的文字或代码。

在编写代码的时候通常会看到开发工具已经帮用户把一些保留字和注释用不同的颜色标记出来。这种处理方式可以增强代码的可读性，同时也更美观。本发明设计了代码高亮的引擎放在服务器端，供客户端调用。

【语言工具模块】

语言工具模块213用以在所述编辑器中实现一些语言辅助功能，如繁简体转换、拼音转换、字典单元、中文分词单元等。

对于从不同出处转载的文章，可能需要将繁体中文转换为简体中文；拼音转换可能会在有人问这个字怎么读的问题时找到答案；字典单元可以帮助英文文章的翻译；中文分词即将不同的词语用中文分开的功能，可以提高阅读效率。语言工具中的模块在没有相关工具时，对于纯文字处理来说，非常实用。这些处理引擎大多在客户端用JavaScript，少数复杂的需要服务器处理后返回到客户端。本发明也使用了不少Web Service技术，来控制不同计算机之间的数据传递。

【地图插入模块】

地图插入模块214用以在所述编辑器中插入地图信息。

对于地理的学习，地图是最重要的工具。然而传统的在网页上显示一张地图可能需要从网上下载大地图，截取标注后再上传到服务器上。不过随着Web2.0时代的到来，互联网上已经出现了类似于Google Map、Live Map、百度地图、51ditu等等在线服务。本发明中，需要用户输入位置的经纬度、从搜索框中输入地名进行搜索(中国以外的地点需要使用英文名)或者直接用鼠标拖动地图。选择位置后右边的预览框将直接显示该位置的图像，用户要按照需要进行缩放，并且选择地图类型(目前有交通图、卫星图、卫星地图)。像其他功能一样选择大小后就可以直接插入，全图形化的操作可以高效率地达到目的。可惜的是，这个功能没能实现方便的传播的性能，地图信息是根据实时情况更新的，所以，该地图不能插入到除了网页以外的媒体中去。

【暂存模块】

一个具有如此多而复杂功能的编辑器可能会让用户在表述信息时需花费更多时间进行反复修改、完毕后再发布。由于是线上编辑，在编辑器中输入一半的内容并不容易直接保存到磁盘，得下次打开继续编辑(就像Word一样)，因此本发明针对线上编辑器新加入了暂存模块215，其具有与Word类似的线上保存功能。不过此功能需要发布站点提供用户接口，让编辑器能够为不同的用户提供容器来存放暂存的文件，保证每一个用户保存后再打开时列表里列出的只有自己上次保存的文件于服务器的数据库中。

综上所述，本发明编辑器在编辑的时候可以直接在编辑器中输入各类数据，点击发表按钮之后直接发表，节省大量的时间，发布后依然可以继续修改。对于数学公式还编写了用户输入代码校验功能，对用户输入的代码进行检查，发现错误及时提示，并指出修改方式；当用户在工具栏中选择并插入代码的时候，还能提示用户输入了什么，此符号的学名，有几个参数，接下来的内容如何输入等提示信息。该编辑器能使用户在网络交流中高效率地表达那些学术性很强的公式，符号、函数图像和图表等常用的学术性信息。

实施例二

本实施例主要介绍本发明的原理及其总体架构的选择。

平台：首先需要选择一种合适的平台。能够被所有操作系统所执行、免安装、方便使用、对外围环境依赖性低。

本系统采用基于浏览器的B/S架构。这种架构可以运行在任何安装了操作系统并且连上网络(具体是互联网还是局域网甚至其他类型需要看实际情况)的计算机上，它们都可以通过自己内置的浏览器来进行访问，不使用插件甚至于智能手机也可以使用。表3是各主流操作系统支持的浏览器名称：

Windows

Mac OS X

Mac OS 9

Linux

BSD

Unix

Amaya

是

是

是

是

是

是

Avant Browser

是

否

否

否

否

否

Camino

否

是

否

否

否

否

Dillo

否

是

否

是

是

是

ELinks

是

是

是

是

是

是

Epiphany

否

是

否

是

是

是

Flock

是

是

否

是

否

否

Galeon

否

是

否

是

是

是

iCab

否

是

是

否

否

否

Internet Explorer

是

舍弃

舍弃

否

否

舍弃

K-Meleon

是

否

否

否

否

否

Konqueror

未来

是

否

是

是

是

Links

是

是

是

是

是

是

Lynx

是

是

是

是

是

是

Maxthon

是

否

否

否

否

否

Mosaic(已改名为Netscape Navigator且停止更新)

舍弃

舍弃

舍弃

舍弃

舍弃

舍弃

Mozilla(已停止开发)

是

是

舍弃

是

是

是

Mozilla Firefox

是

是

是

是

是

是

Netscape

是

是

是

是

否

否

Netscape Browser

是

否

舍弃

否

否

否

Netscape Navigator 9

是

是

否

是

否

否

OmniWeb

否

是

否

否

否

否

Opera

是

是

舍弃(6.03)

是

是

是

Safari

是

是

否

否

否

否

Sleipnir

是

否

否

否

否

否

TheWorld世界之窗

是

否

否

否

否

否

WorldWideWeb(只支持NEXTSTEP)

否

否

否

否

否

否

Windows

Mac OS X

Mac OS 9

Linux

BSD

Unix

表3-各浏览器在无需模拟的情况下支持的对应操作系统

几乎每个操作系统都会有对应的浏览器，并且这些浏览器支持相同的标准。对于设计师来说，写一次代码可以真正运行在多个平台上，这正符合系统的需要。本发明可选择其中任意一种浏览器。

输出特殊内容的方式：首先要做到能使显示的内容满足学术性交流的要求，且需要时可以方便地进行转载、交流和发布。通过浏览器显示虽然基本不受平台限制，但是这些内容都是通过网页这个载体呈现的。网页并不像应用程序一样可以直接进行绘图，而是使用HTML标签规定整张网页的内容和格式，唯一可以在客户端执行的JavaScript(脚本语言，因为浏览器的不同，局限性也不同)也有很多的局限性(比如不能被不具有解析这个脚本的软件支持)，直接在网页中呈现图表变得相当困难。普通的层(HTML中为<div>标签)中放置文本和符号不能完全达到要求，有时还是需要通过绘图来解决，所以不能采用。而直接在整张图像中输出图表和文字将会是一个比较好的选择。以下是绘图方法及比较：

(1)Flash或Sliverlight技术：目前Flash有90％的普及率，Sliverlight还在推行中。绘图完全通过客户端进行，不必服务器代劳。只要通过使用Flex，或Expression Blend等软件就能对其编程，完全具备代码绘图的功能。设计上没什么特殊问题，而且能够很好的显示。它们的显示依赖插件。类似于Word之类的软件无法直接复制过来使用。

(2)JavaScript：基于现在浏览器性能和功能的提高，直接用JavaScript绘图也成了一种选择。国外的一些网站发布了开放源代码的JavaScript绘图方法(比如http://www.walterzorn.com由德国Walter Zorn编写，GPL协议)虽然图线锯齿现象严重，但是完全不影响显示。这种绘图方式同样也不需要服务器代劳，并且不需要任何插件。唯一的缺点和Flash的第二个缺点相同，脚本不能直接插入到排版软件中。

图片是网页中最常见的媒体表达方式，体积较小而且易于制作。一般在不用借助插件和脚本的情况这种方法是最容易实施的，而且副作用较小，其通用性也较好。

服务器处理并以标准图像方式插入：在网页中看到的静态图像通常是由服务器直接把磁盘中的图像文件直接传到客户端的浏览器中，由客户端浏览器显示。从网页支持图片的时候开始这种方法一直都是每个网站普遍采用的，按照不同的用户产生不同的图片，如：图片包含了用户访问这个站点的时间、日期、及用户的IP地址，甚至于浏览器和操作系统，每个访问者访问将看到不同的内容。用户能在排版软件中看到相应的图片，就说明这种方式可以完全被其他软件所接受，甚至于写字板也可以支持。Linux中免费使用的OpenOffice同样也具有上述功能。

这里本发明的描述和应用是说明性的，并非想将本发明的范围限制在上述实施例中。这里所披露的实施例的变形和改变是可能的，对于那些本领域的普通技术人员来说实施例的替换和等效的各种部件是公知的。本领域技术人员应该清楚的是，在不脱离本发明的精神或本质特征的情况下，本发明可以以其他形式、结构、布置、比例，以及用其他元件、材料和部件来实现。在不脱离本发明范围和精神的情况下，可以对这里所披露的实施例进行其他变形和改变。

Claims (7)

1.一种可绘图的网络编辑器，所述编辑器包括文字输入模块、图片输入模块；其特征在于，

所述编辑器在客户端、或/和服务器执行；

所述编辑器还包括绘图模块，用以在所述编辑器中制作图片信息；其包括

画布形成单元，用以形成画布；

若干图形绘制单元，用以绘制设定的图形信息；

第一图片形成单元，用以使绘制的图形形成图片格式，通过服务器形成图片格式；

第一格式保存单元，用以保存图片的可编辑格式于数据库中，以后可根据该保存的图片继续修改；

图片打开单元，用以打开其他图片，所述画布形成单元在被打开图片的基础上形成画布；

第一提示单元，用以提示当前坐标、提示起点坐标、提示正在绘制图形的宽度、提示正在绘制图形的高度；

智能捕捉单元，用以帮助用户在绘图过程中捕捉已经绘制图像的点、线；

预绘图单元，用以在用户输入图形信息时，在客户端显示预绘制图形，而不通过服务器处理，给用户直观而迅速的图形提示信息；

已输入图形再次修改单元，用以在用户将图形绘制到画布之后能够依然进行位移、旋转、改变填充样式、改变线条样式和大小；

由服务器中的绘图引擎绘图；客户端发送绘图请求至服务器，服务器绘图完毕后将图像数据传至客户端，客户端只要显示图像即可；

绘图模块还包括解析器，用于解析图像的各类信息；

服务器与客户端间传递的一长串地址当中记录了绘图模块位置，所要渲染图像的大小，然后是每个图像类型的坐标信息；客户端给服务器发送绘图请求后，绘图模块先读取图像大小，并且在服务器内存中创建该大小的画布，然后逐一读取每个图形类型、坐标和附加信息，使用指定的图像类型的信息画出直线、圆、矩形或其他形状，坐标控制图形的位置，附加信息用于处理文字标注的文本内容、弧线的起始角和终止角的信息；

客户端告诉服务器希望画出什么图形，然后服务器根据输入的数据信息来提供图片；

所述编辑器还包括数学公式输入模块，用以在所述编辑器中输入数学公式信息；所述数学公式输入模块包括公式输入单元、第二提示单元；

公式输入单元，用以输入各种数学公式；

第二提示单元用以在通过所述公式输入单元输入公式的过程中给予提示，提示内容包括错误信息提示、需要输入的内容格式提示；

所述编辑器还包括投票模块，用以在所述编辑器中设置投票功能；

所述编辑器还包括文件上传模块，用以在所述编辑器中上传文件信息；

所述编辑器还包括高亮显示模块，用以在所述编辑器中显示设定若干种字体或颜色的文字或代码；

所述编辑器还包括语言工具模块，用以在所述编辑器中实现繁简体转换、拼音转换、字典单元、中文分词单元；

所述编辑器还包括地图插入模块，用以在所述编辑器中插入地图信息。

2.根据权利要求1所述的可绘图的网络编辑器，其特征在于：

所述编辑器还包括化学方程式输入模块，用以在所述编辑器中输入化学方程式信息；该化学方程式输入模块包括

第二文字输入单元，用以输入反应物、生成物、及反应条件；

下标处理单元，用以判断所述第二文字输入单元输入的文字是否应为下标；应为下标的形成下标格式；

第二图片形成单元，用以将所述输入的反应物、生成物、反应条件、及箭头形成图片格式；

第二格式保存单元，用以保存所述第二图片形成单元形成的图片的可编辑格式于一数据库中，以后可根据该保存的图片继续修改。

3.根据权利要求1所述的可绘图的网络编辑器，其特征在于：

所述编辑器还包括函数图像输入模块，用以根据输入的函数在所述编辑器中形成函数图形信息；所述函数图像输入模块包括

函数输入单元，用以输入函数信息；

坐标轴形成单元，用以形成函数图像的坐标轴；

图像形成单元，用以在坐标轴上形成所述输入的函数对应的若干点或线，根据所述若干点或线形成对应的函数图像。

4.根据权利要求3所述的可绘图的网络编辑器，其特征在于：

所述图像形成单元在坐标轴上以像素为单位形成所述输入的函数对应的若干点或线，该若干点或线形成对应的函数图像。

5.根据权利要求1所述的可绘图的网络编辑器，其特征在于：

所述编辑器还包括图表输入模块，用以在所述编辑器中根据表格中的数据形成图表格式；所述图表输入模块包括

第四数据输入单元，用以输入表格中的数据信息；

第四图表形成单元，用以根据所述表格中的数据信息，形成图表格式；

第四格式保存单元，用以保存图表的可编辑格式于数据库中，以后可根据该保存的图表继续修改。

6.根据权利要求1所述的可绘图的网络编辑器，其特征在于：

所述编辑器还包括暂存单元，用以保存编辑内容未发布的数据于服务器的数据库中。

7.一种网络信息输入编辑系统，其包括：

网络编辑器，所述编辑器包括文字输入模块、图片输入模块；

其中，所述编辑器在客户端、或/和服务器执行；

其特征在于：

所述编辑器还包括绘图模块，用以在所述编辑器中制作图片信息；其包括

画布形成单元，用以形成画布；

若干图形绘制单元，用以绘制设定的图形信息；

第一图片形成单元，用以使绘制的图形形成图片格式，通过服务器形成图片格式；

第一格式保存单元，用以保存图片的可编辑格式于一数据库中，以后可根据该保存的图片继续修改；

图片打开单元，用以打开其他图片，所述画布形成单元在被打开图片的基础上形成画布；

第一提示单元，用以提示当前坐标、提示起点坐标、提示正在绘制图形的宽度、提示正在绘制图形的高度；

智能捕捉单元，用以帮助用户在绘图过程中捕捉已经绘制图像的点、线；预绘图单元，用以在用户输入图形信息时，在客户端显示预绘制图形，而不通过服务器处理，给用户直观而迅速的图形提示信息；

已输入图形再次修改单元，用以在用户将图形绘制到画布之后能够依然进行位移、旋转、改变填充样式、改变线条样式和大小；

由服务器中的绘图引擎绘图：客户端发送绘图请求至服务器，服务器绘图完毕后将图像数据传至客户端，客户端只要显示图像即可；

绘图模块还包括解析器，用于解析图像的各类信息；

服务器与客户端间传递的一长串地址当中记录了绘图模块位置，所要渲染图像的大小，然后是每个图像类型的坐标信息；客户端给服务器发送绘图请求后，绘图模块先读取图像大小，并且在服务器内存中创建该大小的画布，然后逐一读取每个图形类型、坐标和附加信息，使用指定的图像类型的信息画出直线、圆、矩形或其他形状，坐标控制图形的位置，附加信息用于处理文字标注的文本内容、弧线的起始角和终止角的信息；

客户端告诉服务器希望画出什么图形，然后服务器根据输入的数据信息来提供图片；

所述编辑器还包括数学公式输入模块，用以在所述编辑器中输入数学公式信息；所述数学公式输入模块包括公式输入单元、第二提示单元；

公式输入单元，用以输入各种数学公式；

第二提示单元用以在通过所述公式输入单元输入公式的过程中给予提示，提示内容包括错误信息提示、需要输入的内容格式提示；

所述编辑器还包括投票模块，用以在所述编辑器中设置投票功能；

所述编辑器还包括文件上传模块，用以在所述编辑器中上传文件信息；

所述编辑器还包括高亮显示模块，用以在所述编辑器中显示设定若干种字体或颜色的文字或代码；

所述编辑器还包括语言工具模块，用以在所述编辑器中实现繁简体转换、拼音转换、字典单元、中文分词单元；

所述编辑器还包括地图插入模块，用以在所述编辑器中插入地图信息。

Images