CN101937427B

CN101937427B - 一种基于浏览器的内容编辑及发布的系统及方法

Info

Publication number: CN101937427B
Application number: CN 200910086783
Authority: CN
Inventors: 龚健; 陈伟
Original assignee: Founder International Beijing Co Ltd
Current assignee: Founder International Beijing Co Ltd
Priority date: 2009-06-30
Filing date: 2009-06-30
Publication date: 2013-03-06
Anticipated expiration: 2029-06-30
Also published as: CN101937427A

Abstract

本发明涉及一种基于浏览器的内容编辑及发布的系统及方法，属于排版领域。本发明所述系统包含数据管理器、页管理器、版面管理器、模板管理器、样式管理器和规则管理器，通过将HTML代码包围于div标签内的版面模板生成，并将扩展属性信息以扩展名称空间的方式附加到HTML标签上，并且以所见即所得的方式在Web浏览器上直接创建和编辑网页。采用本发明所述的系统与方法，实现了在基于浏览器的内容编辑及网页信息发布。

Description

一种基于浏览器的内容编辑及发布的系统及方法

技术领域

本发明属于排版领域，具体涉及一种基于浏览器的内容编辑及发布的系统及方法。

背景技术

排版作为一种特定的版面处理，与一般文字处理不同，排版一般基于排版块为操作单元。同时通过浏览器直接支持对网页的编辑与修改，也成为互联网发展的一个重要技术方向，浏览器对网页编辑功能的增强，大大激活了以网页形式的内容制作，同时，为以基于浏览器的排版提供了实现的技术基础。

目前已经存在大量的基于浏览器编辑功能的系统，典型如FCKLibrary、eWebEditor、KindEditor等HTML在线编辑工具，但是这些工具往往针对现有HTML的代码进行所见即所得的编辑处理，而不是利用浏览器进行排版，特别是不支持文章功能：即大段的文字在多个排版块中自动灌排。

由于HTML编辑本身的复杂性，也存在一些力图简化的技术，其中典型的如中国专利申请“用于直接在Web浏览器上以“所见即所得”的方式创建、编辑和交易主页组件以组合主页和个人门户网站的方法和程序记录媒体”(专利申请号：200580017856.9)，该专利申请通过将每个主页组件的HTML代码包围于div标签内以成为双重结构，将位置信息和内容信息存储于服务器端的XML节点中并根据用户的要求重新生成主页，从而以所见即所得的方式在Web浏览器上直接创建和编辑主页组件。该技术方案利用组件的形式“拼接”页面，大大简化了页面制作的复杂度，但是同时，该技术方案只能针对一般网页生成，而不能针对版面生成。

现有的文献或系统中提到的网页生成，均针对网页制作，而特别是没有利用标签的扩展属性，完成对浏览器的功能补充，从而实现版面排版的相关技术，但对于以排版块方式生成的版面难以实现。

发明内容

针对现有技术中存在的问题，本发明的目的是提供一种基于浏览器的内容编辑及发布的系统及方法，通过将HTML代码包围于div标签内的版面模板，将扩展属性信息以扩展名称空间的方式附加到HTML标签上，并且以所见即所得的方式在Web浏览器上直接创建和编辑网页，并实现了在基于浏览器的网页生成与排版输出。

本发明的目的是这样实现的：一种基于浏览器的内容编辑及发布的系统，包含如下组成部分：

-数据管理器，与服务器相连接，用于管理全部的数据；

-页管理器，与数据管理器相连接，用于管理以页为单位的全部版面数据；

-版面管理器，与浏览器相连接，用于管理当前页的版面数据的版面呈现与用户交互；

-模板管理器，与数据管理器和版面管理器相连接，用于提供用户交互生成的初始模板；

-样式管理器，与页管理器和版面管理器相连接，用于管理模板使用到的样式表；

数据管理器读取数据之后，经过模板转换处理，由页管理器建立以页为单位的数据索引；版面管理器从页管理器获得当前页的数据索引，获取数据并依据标签中记录的属性以及从样式管理器获取对应的样式后生成到版面；在当前页需要编辑的情况下，对当前页存在的版面块进行对应编辑，或者从模板管理器中拖放新的排版块；经编辑的当前页切换后，修改内容由版面管理器更新到数据管理器的排版数据中；由数据管理器将排版数据上传保存到服务器。

进一步，如上所述的基于浏览器的内容编辑及发布的系统，其中，还包含规则管理器，与数据管理器和版面管理器相连接，用于管理版面处理、数据变换的规则，其中规则指带可变参数的表达式或者其集合。

再进一步，如上所述的基于浏览器的内容编辑及发布的系统，其中，还包含文章管理器，与数据管理器和版面管理器相连接，用于记录数据管理器中的文章信息，使版面管理器能够在几个连续编号排版区域中连续排放同一个文章的内容。

一种基于浏览器的内容编辑及发布的方法，包括如下步骤：

(1)数据管理器读取数据之后，经过模板转换处理，由页管理器建立以页为单位的数据索引；

(2)版面管理器从页管理器获得当前页的数据索引，获取数据并依据标签中记录的属性以及从样式管理器获取对应的样式后生成到版面；

(3)在上述当前页需要编辑的情况下，用户对当前页存在的版面块进行对应编辑，或者从模板管理器中拖放新的排版块；

(4)如经过步骤(3)的编辑，则当前页切换后，修改内容由版面管理器更新到数据管理器的排版数据中；

(5)重复上述步骤，在用户选择保存时，由数据管理器将排版数据上传保存到服务器。

进一步，如上所述的基于浏览器的内容编辑及发布的方法，步骤(1)中，数据管理器管理的数据为HTML形式的排版数据或者其他形式的排版数据，数据管理器输出给系统使用的是HTML形式的排版数据；其他形式的排版数据由数据管理器选择匹配的模板进行数据转换将其转换为HTML形式。

进一步，如上所述的基于浏览器的内容编辑及发布的方法，步骤(2)中，版面管理器中的排版数据是HTML代码包围于div标签内的特定结构，其中包含div在内的HTML的标签，还包含若干扩展属性。

更进一步，如上所述的基于浏览器的内容编辑及发布的方法，所述的扩展属性不能与浏览器支持的现有Html属性相同，并且以名空间的方式标注，不影响浏览器对Html的解释和呈现。

更进一步，如上所述的基于浏览器的内容编辑及发布的方法，步骤(2)中，版面管理器对用户交互操作进行管理，用户交互操作是指用户通过鼠标或者键盘对版面排版对象块的各种编辑操作，交互操作是以页为单位的，仅对当前页范围内的数据能够进行交互操作。

进一步，如上所述的基于浏览器的内容编辑及发布的方法，步骤(3)中，版面新增的排版块只能从模板管理器中克隆后修改，其中模板管理器中定义的模板，是以div标签中嵌入HTML代码段的版面块描述，其中HTML标签中已预定义好扩展属性。

更进一步，如上所述的基于浏览器的内容编辑及发布的方法，步骤(3)中，在对版面块进行编辑时只能使用定义好的扩展属性，如果需要在HTML标签中增加新的扩展属性，则通过系统扩展接口增加相关属性的处理程序。

更进一步，如上所述的基于浏览器的内容编辑及发布的方法，步骤(3)中，版面的编辑以页为单位，页的类型包括：母版页、内容页、隐藏页，其中母版页用于一般版面样式的定义，作为内容页的背景，减少雷同内容的排版工作量并保证样式的一致性；内容页为一般的排版数据展现页面；隐藏页用于保存数据，但不作为视图中的“页”视图显示。

进一步，如上所述的基于浏览器的内容编辑及发布的方法，步骤(2)中，文章管理器用于管理数据管理器中排版数据的文章数据索引，版面管理器依据这些索引，将一段文字内容拆分到多个链接的div文字排版块中，依据div中设定的文字排版属性以及div版面块的大小，计算该div版面块中可以排放的文字数，并从下一个文字起排放到块链表中的下一个div版面块中。

进一步，如上所述的基于浏览器的内容编辑及发布的方法，步骤(1)、(3)、(4)、(5)中，模板管理器中的模板用于数据格式的转换，或者用于在版面上创建新的排版块，模板由其类型属性定义其用途。

本发明所述的系统及方法，实现了基于现有浏览器功能的在线页面排版与生成，并且能够适应兼容多种浏览器，具有较广泛的使用用途。具体来说，本发明所述的系统及方法具有以下一些显著效果：

1.通过支持将非HTML格式的结构化数据转化为浏览器识别的HTML格式并支持编辑排版，能够使系统通过模板与其他现有系统连接使用，从而支持其他系统输出的结构化数据的浏览器排版和页面生成。

2.通过皮肤管理器的皮肤转换，使系统能够兼容多种浏览器，从而大大降低对终端使用环境的要求。

3.通过版面数据与模板的分离，使版面上编辑后的数据能够收集回来，再转化为结构化的数据，而不只是收集编辑的HTML数据。

4.采用本发明所述的系统与方法，可以通过模板快速实现版面编辑，以及数据变换和数据收集，极大的扩大了系统业务适应性兼容。

本发明之所以具有上述的显著效果，其原因在于：本发明模板将数据与版面结构化关联起来，通过定制符合特定浏览器的HTML格式，并且实现HTML格式的数据与实际数据之间的映射和转换，为结构化排版数据建立起与网页的转换桥梁，其意义在于清晰简单的结构，将复杂的业务兼容性转移到模板的复杂性上来，从而大大降低程序变动的版本升级，通过更新配置即可实现对这些数据的基于浏览器的编辑和生成。这种技术将成为内容发布的未来主要的人机交互手段。

附图说明

图1是本发明的系统结构示意图；

图2是本发明的网页编辑处理流程示意图。

具体实施方式

下面结合说明书附图和具体实施方式对本发明作进一步的描述。

如图1所示，一种基于浏览器的内容编辑及发布系统包括与服务器连接的数据管理器11、与浏览器连接的版面管理器12，数据管理器11用于管理全部的数据，版面管理器12用于管理当前页的版面数据的版面呈现与用户交互操作，用户交互操作是指用户通过鼠标或者键盘对版面排版对象块的各种编辑操作，交互操作是以页为单位的，仅对当前页范围内的数据能够进行交互操作；页管理器13与数据管理器11相连接，页管理器13用于分析数据的页索引位置，便于版面管理器12查找当前版面需要排放的数据段；文章管理器14记录数据管理器11中的文章信息，这样使版面管理器12在几个连续编号排版区域(div块)中连续排放同一个文章的内容；页管理器13与样式管理器15连接，样式管理器15依据应用需要、浏览器版本选择匹配的样式；数据管理器11中的数据经过模板管理器16中的模板转换后，与样式合成，生成与浏览器版本匹配的HTML代码，输出到版面管理器12中，版面管理器12将对应内容输出到浏览器的视图中。规则管理器17用于管理版面处理、数据变换的规则，这里所述的规则是指带可变参数的表达式或者其集合。

模板管理器16、规则管理器17作为数据管理器11和版面管理器12的公共调用模块，即使用到的规则，随时调用规则管理器17进行解析，使用到的模板，直接向模板管理器16请求。

这里的模板主要完成如下三方面的功能：

1)将数据管理器中保存的结构化数据转化为浏览器识别的HTML格式的数据；

2)将版面的内容修改，通过模板收集回来，并回写到数据管理器的结构化数据中；

3)其他业务处理规则的应用，如页面索引查找，也是依据页面切分模板来完成。

上述系统的数据管理器11与版面管理器12将数据管理功能与视图显示功能区分开来，使支持系统排版的数据格式不受浏览器支持的数据格式限定；并且通过模板管理器提供的模板，不仅承担不同结构化数据之间的格式转换，同时还通过模板克隆(Clone)的方式，提供网页编辑的新建对象，同样为避免不同浏览器支持的差异，通过样式管理器进行适应浏览器的样式转换。

下面结合简单的数据的内容编辑实施例说明，以基于浏览器的内容编辑进行说明，这里结构化数据以Xml格式举例，流程图如图2所显示：

首先步骤21中数据管理器读取数据，数据格式显示如下：

这里读取的数据的格式符合要求，则页管理器13依据记录的规则(即按照XPath查询路径值为“\\root\data\page”)查询到的结点为一页内的内容，建立页面数据内容对应的数据结点索引，版面管理器12从页管理器13中获得当前页的结点索引，默认当前页为第1页，则获取的索引是XPath＝”\\root\data\page[0]”所对应的数据结点，按照步骤22获得该结点数据如下：

步骤23中版面管理器依据设置匹配样式，从模板管理器获取对应的模板newshin.xslt文件，newshin.xslt数据内容表述如下：

由上述数据结构可看出，该模板将原来数据中type为text的block转化为对应的div的数据结构等。

转换结果显示如下：

上述的数据在版面管理器中，已经是浏览器可以识别的HTML格式的数据了。

随后版面管理器从样式管理器中获得数据管理器中数据结点<styletype＝″normal″>test.css</style>获得test.css样式文件，在本实施例中，即生成<linkrel＝″stylesheet″type＝″text/css″href＝″test.css″/>，嵌入到<head>结点内。

如果test.css不适合当前浏览器，则查询到对应匹配的样式文件。

将上述的HTML格式数据输入到浏览器中，则实现了数据的发布过程。

随后，选择是否需要对数据进行编辑的步骤24，典型如上面列举的<divstyle＝″textblock″editable＝″true″>测试文字</div>，则说明该块内的文字可以被编辑，则可以通过浏览器直接进行编辑(如图2中步骤26所示)，其中editable＝″true″即浏览器可识别的支持指定网页可编辑的Tag属性。

如果需要新增加一个文字块(如图2中步骤25所示)，则找到模板管理器中对应的文字块模板，模板简单示例如下：

拖放到版面上，则版面直接clone生成一个可编辑的文字块(如图2中步骤27所示)，填写“Test block测试新块”内容之后，则数据变为：<divstyle＝″textblock″editable＝″true″>Test block测试新块</div>；

当页面管理器发生切换的时候，上述数据确认保存之后，则版面管理器的数据变化为：

经过newshin.xslt类似，与newshin.xslt实现功能相反的格式转化，则将上述的数据转换为：

则经过浏览器编辑过的数据以相同方式写回数据中在用户选择保存时(如图2中步骤28所示)，重复以上操作，则完成对各个页面的数据内容编辑。

最后，在用户选择保存时(如图2中步骤2 9所示)，由数据管理器11将排版数据上传保存到服务器。

本发明是一种基于浏览器的内容编辑及发布的系统及方法，按照本发明系统进行设计和依据此方法，可以实现结构化数据转换为浏览器支持的HTML格式，并且能够将浏览器对数据的修改收集到数据管理器，并恢复为原来的结构化数据的结构，其特征是通过数据管理器与版面管理器功能的分离，使网页编辑数据对象，不受浏览器支持数据格式的限制；并且模板作为数据格式转换以及版面表现，通过页管理器提取局部数据进行编辑以及通过文章管理器连接多DIV排版内容，也属于本发明的创新范围。

本发明所述的方法和系统并不限于具体实施方式中所述的实施例，本领域技术人员根据本发明的技术方案得出其他的实施方式，同样属于本发明的技术创新范围。

Claims

1.一种基于浏览器的内容编辑及发布的系统，包含如下组成部分：

-数据管理器，与服务器相连接，用于管理全部的数据；

2.如权利要求1所述的基于浏览器的内容编辑及发布的系统，其特征在于：还包含规则管理器，与数据管理器和版面管理器相连接，用于管理版面处理、数据变换的规则，其中规则指带可变参数的表达式或者其集合。

3.如权利要求1或2所述的基于浏览器的内容编辑及发布的系统，其特征在于：还包含文章管理器，与数据管理器和版面管理器相连接，用于记录数据管理器中的文章信息，使版面管理器能够在几个连续编号排版区域中连续排放同一个文章的内容。

4.一种基于浏览器的内容编辑及发布的方法，包括如下步骤：

5.如权利要求4所述的基于浏览器的内容编辑及发布的方法，其特征在于：步骤(1)中，数据管理器管理的数据为HTML形式的排版数据或者其他形式的排版数据，数据管理器输出给系统使用的是HTML形式的排版数据；其他形式的排版数据由数据管理器选择匹配的模板进行数据转换将其转换为HTML形式。

6.如权利要求4所述的基于浏览器的内容编辑及发布的方法，其特征在于：步骤(2)中，版面管理器中的排版数据是HTML代码包围于div标签内的特定结构。

7.如权利要求6所述的基于浏览器的内容编辑及发布的方法，其特征在于：步骤(2)中，版面管理器对用户交互操作进行管理，用户交互操作是指用户通过鼠标或者键盘对版面排版对象块的各种编辑操作，交互操作是以页为单位的，仅对当前页范围内的数据能够进行交互操作。

8.如权利要求4所述的基于浏览器的内容编辑及发布的方法，其特征在于：步骤(3)中，版面新增的排版块只能从模板管理器中克隆后修改，其中模板管理器中定义的模板，是以div标签中嵌入HTML代码段的版面块描述，其中HTML标签中已预定义好扩展属性。

9.如权利要求8所述的基于浏览器的内容编辑及发布的方法，其特征在于：步骤(3)中，在对版面块进行编辑时只能使用定义好的扩展属性，如果需要在HTML标签中增加新的扩展属性，则通过系统扩展接口增加相关属性的处理程序。

10.如权利要求9所述的基于浏览器的内容编辑及发布的方法，其特征在于：步骤(3)中，版面的编辑以页为单位，页的类型包括：母版页、内容页、隐藏页，其中母版页用于一般版面样式的定义，作为内容页的背景，减少雷同内容的排版工作量并保证样式的一致性；内容页为一般的排版数据展现页面；隐藏页用于保存数据，但不作为视图中的“页”视图显示。

11.如权利要求4～10中任意一项所述的基于浏览器的内容编辑及发布的方法，其特征在于：步骤(2)中，文章管理器用于管理数据管理器中排版数据的文章数据索引，版面管理器依据这些索引，将一段文字内容拆分到多个链接的div文字排版块中，依据div中设定的文字排版属性以及div版面块的大小，计算该div版面块中可以排放的文字数，并从下一个文字起排放到块链表中的下一个div版面块中。

12.如权利要求4～10中任意一项所述的基于浏览器的内容编辑及发布的方法，其特征在于：步骤(1)、(3)、(4)、(5)中，模板管理器中的模板用于数据格式的转换，或者用于在版面上创建新的排版块，模板由其类型属性定义其用途。