基于HTML标准的所见即所得文档编辑器的页面布局方法技术

互联网技术的迅速发展使得在浏览器中进行在线的文档处理变得越来越流行。由于这种模式的巨大潜力，近几年来，各种基于HTML的开源的及商用的在线文档编辑系统大量涌现，成为文档处理的新潮流。但HTML语言对于实现在线文档编辑系统来说有着严重的限制。这种语言从设计上讲是不支持文档内容分页的。因此目前的各种在线文档处理系统或者不支持分页，或者对页面布局的支持非常不灵活，如每个文档只能有单一的页面格式，而且只能所有页面作为一个整体只能单列显示而导致不能充分利屏幕空间等。本发明专利技术为基于HTML的在线文档处理提供一种完善而灵活的文档页面布局方法。

【技术实现步骤摘要】

本专利技术属于基于Web浏览器的“所见即所得”文档编辑领域，涉及一种用HTML实现所见即所得文档编辑器的页面布局方法和系统。
技术介绍
“所见即所得”(WISIWYG)形式的文档编辑是现代计算机的一个重要应用领域。WISIWYG这一说法最早是由美国喜剧演员FligWilson从上世纪60年代末期作为他节目中的标语开始使用的。70年代初期美国施乐PaloAlto研究中心(PARC)开发的Bravo是最早实现WISIWYG理念的文档处理软件。这种技术使得用户在视图中所看到文档与该文档的最终产品具有相同的样式，也允许用户在视图中直接编辑文本、图形、或文档中的其他元素。支持WISIWYG的系统可以即时向用户提供对文档的各种修改在视觉上的反馈，从而极大地提高的文档处理系统的可用性和用户的工作效率。正是因为这样的一些优点，WISIWYG这一编辑形式逐渐成为现代文档处理系统的一项必备功能。随着互联网技术的迅速发展，在浏览器中进行在线的文档处理变得越来越流行。这种方式的优点是可以使用户摆脱客户端的限制，随时随地从任何设备上实现对文档的处理，从而使文档处理的方便程度得到了前所未有的提高。正是由于这种模式的巨大潜力，近几年来，各种基于HTML的开源的及商用的WISIWYG在线文档编辑系统大量涌现，成为文档处理的新潮流。这种系统把传统文档处理系统如MicrosoftWord的功能实现在一个Web页中。该Web页一般包含菜单区、工具条区、文档区等主要部件。文档区按WISIWYG显示文档内容并请允许用户进行各种修改。但是HTML语言对于实现真正的WISIWYG来说有着严重的限制。这种语言从设计上讲是不支持文档内容分页的。因此目前的各种在线文档处理系统或者不支持分页，或者对页面布局的支持非常不灵活，如每个文档只能有单一的页面格式，而且只能所有页面作为一个整体只能单列显示而导致不能充分利屏幕空间等。但完善的内容分页显示是实现WISIWYG的基础。本专利技术要解决的就是基于HTML为在线文档处理提供一种灵活的文档页面布局方法。
技术实现思路
本专利技术为在浏览器中对文档内容的灵活分页提供了一套完善的基于HTML标准的方法。该方法可以根据文档内容、文档页面格式说明、及其他参数如文档整体缩放比例、当前窗口大小等自动生成实现页面布局的HTML代码。在系统实现上，依本专利技术所述方法所生成的布局代码可以动态地嵌入在基于浏览器的编辑器框架中，成为基于浏览器的所见即所得文档编辑系统的一个核心功能部件。为达到上述目标，本专利技术所采取的主要技术方案如下：一套基于HTML标签的文档内容的表示方法。需要特别强调的是，对于基于浏览器的文档编辑系统而言，编辑系统本身是用一个Web页面实现的。此Web页面一般包括描述编辑系统功能部件，如菜单、工具栏等布局的HTML代码、实现动态交互功能的JavaScript代码等。文档内容是编辑系统所要处理的对象。文档内容从类型上讲可以有文本以及图片、音频、和视频等多媒体内容。本专利技术主要利用HTML标准中的标签<p>、<img>、<audio>、<video>来表示文档内容。从格式上讲，文本可以有字体、段落等属性。这些属性可以用<p>标签的style属性进行指定、或用class属性指定相应的CSS格式定义。虽然本专利技术所述方法尽量避免使用HTML中指定文本格式的标签如<strong>、<b>、<i>、<u>等，但也不排除某些实现可能会用到这些标签。图片的格式可以<img>标签的各种属性来指定。从布局上讲，各类文档内容可以分成不同的节（<section>，<header>，<footer>）、列表（<ul>，<ol>，<li>）、表格（<table>，<tbody>，<tr>，<td>，）。这些标签组合在一起构成了本专利技术文档内容说明规范的基础。不同的实现可能会有所增减。不同的文档也可能只用到其中的一部分标签。图1给出了用此方法表示的文档内容的一个例子。这一文档表示方法的主要成分可以形式化描述如下（此处省略了一些更为细节但含义明确的定义如StringLiteral，URL，TextAttribute等）：Document::={Section本文档来自技高网...

【技术保护点】
基于HTML的所见即所得文档编辑器的页面布局方法，其特征在于：1) 以 HTML标准中所定义标签的一个子集为基础的文档内容表示方法；2) 以符合Web标准的数据格式或自定义格式表示文档页面格式表示方法；3) 以HTML标准中<table>标签对象为基础的页面布局表示方法。

【技术特征摘要】
2015.10.01 CN 20151066708531.基于HTML的所见即所得文档编辑器的页面布局方法，其特征在于：1)以HTML标准中所定义标签的一个子集为基础的文档内容表示方法；2)以符合Web标准的数据格式或自定义格式表示文档页面格式表示方法；3)以HTML标准中<table>标签对象为基础的页面布局表示方法。2.权利要求1中所述的文档内容表示方法具有如下特征：1)该体系将文档内容分布到多个不同的<section>对象中；2)每一个<section>对象可以包含一个<header>对象和一个<footer>对象，以及若干表示文字<p>，图象<img>，视频<audio>，音频<video>等四类内容的对象；3)这些表示内容的对象可以被放入带编号列表<ol>，无编号列表<ul>，及表格<table>三类内容格式控制结构中，这些控制结构可以任意嵌套；4)文档内容的样式可以用表示内容的标签的class或style属性表示；5)表示文档内容的<section>对象可以被放到实现编辑器Web页面的DOM树的一个容器节点中。3.权利要求1中所述的文档页面格式表示方法具有如下特征：1)包含页面大小、页面大小、方向、上下左右页边距等；页面大小可以用标准页面大小代码指定，如A4,16开，US-Le...

【专利技术属性】
技术研发人员：不公告发明人，
申请(专利权)人：曹蕾，
类型：发明
国别省市：北京;11