[发明专利]所见即所得的web报告编辑系统

摘要

本发明公开了一种所见即所得的web报告编辑系统，包括报告模版，其包括报告的结构定义和预览界面，预览界面为一个HTML界面，结构定义为通过HTML元素进行描述，其中，元素分为标题类的展示元素和内容类的可编辑元素；编辑器，其用于对报告模版进行解析将内容类的可编辑元素设置为可编辑状态，同时将标题类的展示元素设置为只读状态；设定页面元素的显示，使在“全显示编辑”模式下报告书写状态与打印状态完全一致；向编辑区域添加内容和元素；通过获取顶层容器的innerHTML得到书写好的报告内容并进行保存。本发明完全所见即所得，在保证书写界面简洁的前提下又能满足打印的一致性；可以在Web页面满足复杂的报告形式。

主权项

一种所见即所得的web报告编辑系统，其特征在于，包括：报告模版，其包括报告的结构定义和预览界面，所述预览界面为一个HTML界面，所述预览界面的最外层使用<div>元素作为容器包裹，所述结构定义为通过HTML元素进行描述，其中，每个元素定义唯一的ID作为标识，每个元素的行为和样式由class控制，所述元素分为标题类的展示元素和内容类的可编辑元素，所述可编辑元素根据报告的流程权限显示不同的状态；编辑器，其用于根据模版参数装载所述报告模版并对所述报告模版进行解析，其具体过程包括：利用HTML5的contenteditable特性可将内容类的可编辑元素设置为可编辑状态，同时将所述标题类的展示元素设置为只读状态；设定页面元素的显示，使在“全显示编辑”模式下报告书写状态与打印状态完全一致；向编辑区域添加内容和元素，其中，检查所见编辑区域和诊断结论编辑区域的contenteditable设置为true，设定为可插入文字以及其他的HTML元素；通过获取顶层容器的innerHTML得到书写好的报告内容并进行保存。