`

开源OA的公文编辑器详解:公文格式和基本使用

阅读更多
开源协同办公OA项目:O2OA——提供了符合国家党政机关公文格式标准(GB/T 9704—2012)的公文编辑组件,可以让用户在不需要付出额外成本,就可以实现标准化公文格式的编辑。 适用范围 公文编辑器不同于我们其他的在线文档编辑器,它基本上只限于公文系统中对红头文件的编辑和查看,规定了标准的格式、字体、行距、字据等,编辑自由度是比较低的。O2OA的公文编辑器适用于红头文件的处理,或是对格式要求非常严格的文书编辑。其他情况下的在线文档编辑功能,我们可以选择OnlyOffice、WPS等其他产品,您可以在我们的文档库中找到相关的内容。 一、公文格式简介 O2OA公文编辑器中的格式规范,是参照《党政机关公文格式》国家标准(GB/T9704—2012)来设定的,下面简略说明一下红头文件的组成和相关格式规范。 一个标准的红头文件,基本上是下面的样式:
当然不同的文种的格式会略有不同,但主要元素基本一致。下面我们对规范上要求的各个标准做一个简要的说明。 版面 公文用纸采用A4型纸,幅面尺寸为:210mm x 297mm。 页边与版心尺寸 公文用纸天头(上白边)为37mm(相当于约104.9pt),公文用纸订口(左白边)为28mm(相当于约74.9pt),版心尺寸为:156mm x 225mm,由此可计算出,下白边为:35mm(相当于约99.2pt),右白边为:26mm(相当于约73.7pt)。 字体和字号 无特殊说明,公文各要素一般使用3号仿宋字体。 行数和字数 每页22行,每行28个字。 颜色 无特殊说明,公文中的文字颜色都为黑色。 版头 版头内容包括:份号、密级和保密期限、紧急程度、发文机关标志(红头)、发文字号、签发人。
份号、密级和保密期限、紧急程度 左上角顶格编排,份号一般用6位阿拉伯数字,3号黑体字。 发文机关标志(红头) 推荐使用小标宋体字,颜色为红色。 发文字号 发文机关标志下空两行,上行文居左空一字编排,平行文下行文居中编排。采用3号仿宋字体。 签发人 只有上行文应标注签发人姓名。发文机关标志下空两行编排,“签发人”三字加全角冒号和签发人姓名组成。“签发人”三字用3号仿宋字体,签发人姓名用3号楷体字体,多个签发人每行编排两个姓名。 主体 主体部分包括:标题、主送、正文、附件说明、发文机关署名、成文日期、印章、附注。
标题 一般用2号宋体字,分一行或多行居中排布。至于标题的位置,规范中说明在红线下方空两行,但在实际使用中,几乎所有项目的客户都反馈反馈,要求标题在红线下方空一行,所以现在公文编辑组件的默认模板设置为红线下空一行编排标题。可以通过自定义模板修改这一规则。 主送单位 在标题下空一行位置,居左顶格。最后一个单位名称后标全角冒号,使用3号仿宋字体。 正文 用3号仿宋字体,编排于主送单位名称下一行,每个自然段左空两字,回行顶格。 文中结构层次用:“一”、“(一)”、“1.”、“(1)”标注,第一层用3号黑体字,第二层用3号楷体字,第三第四层用仿宋字体, 附件说明 如有附件,在正文下空一行,左空两字编排“附件”二字,后标全角冒号和附件名称。多个附件使用阿拉伯数字标注序号,附件名称较长需要回行时,与上一行附件名称的首字对齐。 发文机关署名和成文日期 成文日期一般右空四字编排,发文机关在成文日期之上,以成文日期为准居中编排。 发文机关署名长于成文日期,发文机关署名居右空二字编排,成文日期发文机关首字为准,右移二字。 采用3号仿宋字体。 附注 如有附注,居左空二字加圆括号,采用3号仿宋字体。 版记 版记内容包括:抄送单位、印发单位和印发日期。版记要置于最后一页的最后位置。
版记中的分隔线 分隔线与版心等宽,首条分隔线和末条分隔线使用粗线,中间分隔线用细线。 抄送单位 一般用4号仿宋字体,左右各空一字编排。 印发单位和印发日期 一般用4号仿宋字体,印发机关左空一字,印发日期右空一字。 以上是简略的说明公文中的一些要素编排的格式规范,参考自《党政机关公文格式》国家标准应用指南(GB/T9704—2012),中国质检出版社、中国标准出版社。
二、基本使用 接着我们介绍一下公文编辑组件的基本用法。 公文编辑器可以在流程表单和内容管理表单中使用。 直接将公文编辑器组件拖动到表单中合适的位置,然后设置相关属性即可。
下面我们来说明每个属性配置。 基本属性
属性
默认值
可选项
说明
标识
documenteditor
组件唯一标识
名称
描述
延时加载
是,否
如果选择“是”,在打开表单时,不会加载公文编辑器组件,您需要通过active方法激活组件。如:this.form.get("documenteditor").active();
文件模板
系统模板
系统模板自定义模板
如果选择系统模板,您可以从下面的下拉框中选择系统内置模板,包括:“标准公文类”、“纪要通报类”、“党委既要类”、“函类”、“命令类”、“党委纪委类”、“联合发文类”和“空模板(仅正文)”;如果选择自定义模板,您需要在下方的模板路径中输入模板html文件的URL。一般情况下,会将自定义模板文件放到Web服务器的非系统目录下,如filetemplete目录下,那么在模板路径中输入:../filetemplete/filename.html
编辑
允许
允许,不允许,根据脚本
控制是否允许编辑正文。如果选择“根据脚本”,在下面的脚本编辑框中输入脚本,返回true表示允许编辑,否则不允许编辑正文。
打印正文
允许
允许,不允许,根据脚本
控制是否允许打印正文。如果选择“根据脚本”,在下面的脚本编辑框中输入脚本,返回true表示允许打印,否则不允许打印正文。打印正文是将公文转换为word文件下载,用户直接打印word文件即可。转换word的设置与下面的“word转换”属性配置有关。
查看痕迹
允许
允许,不允许,根据脚本
控制是否允许查看痕迹。如果选择“根据脚本”,在下面的脚本编辑框中输入脚本,返回true表示允许查看痕迹,否则不允许查看痕迹。
设置缩放
不允许
允许,不允许
是否允许用户对公文进行缩放查看
全角转换
是,否
如果选择“是”,用户在正文中输入或粘贴的所有空格,都会自动转换为全角空格
段落缩进
是,否
如果选择“是”,用户输入回车换行,或粘贴的内容,都会在段落首行自动缩进二字。
双页显示
是,否
默认情况下,公文编辑器在web端不分页,只在转换word后翻页。如果选择“是”,编辑器右上角会出现“双页”按钮,点击后在web端进行模拟分页。
全屏
允许
允许,不允许
是否允许全屏展示公文编辑器
WORD转换
是,否
是否自动将公文转换为Word文件。当选择“是”时,会有下表的配置属性。
当WORD转换选择“是”时,会有下面的配置属性。
属性
默认值
可选项
说明
转换方式
OOXML
OOXMLService
Service选项在默认情况下,是为了兼容旧版本而保留的,它转换的word文件在格式上并不符合规范。已经不推荐使用。当然当使用Service选项时,我们可以更新后端服务,使用不同的服务来转换,配合不同的第三方包,可实现word、pdf、ofd等多总格式的转换。这将在后面的章节详细说明。
文件名
转换后存储在文档中的附件名称,如果为空,文件名将会是:“本文档的标题.docx”
附件site
$doc
此处可设定转换后的附件的site属性,这意味着转换后的附件会在设置了相同site的附件组件中展现出来。
转换印章
是,否
转换Word文件时,是否将模拟盖章的图片也转换到WORD文件中。
何时转换
提交时
提交时、保存时
保存时:当文件被保存时,将公文转换为Word文件。它会发生在:用户点保存按钮时,用户按Ctrl+S时,执行脚本this.form.save()时。但是当执行this.data.save()时,不会触发转换动作。当然,当文件提交继续流转时,系统会自动保存文档,所以此时也会执行word转换。提交时:当文件提交继续流转时,自动转换为word文件。通过点击“继续流转”来提交文件,或通过脚本this.form.process(); 都可触发文件转换。
转换条件
始终转换
始终转换,满足条件时转换
当选择“满足条件时转换”选项时,除了要符合上述“何时转换”的选项外,还需要提供一段脚本,在下方的脚本编辑器中输入,只有当脚本运行返回true时,在进行转换。
公文编辑器数据结构和默认值 基本属性在往下,是默认值的配置:
当公文编辑器存储的数据是一个JSON对象数据,每个数据都对应公文中的元素的显示内容,它的结构大概是下面的样子:
{"annotation":"附注","attachment":["logo_new_blue","logo_new_grey_x"],"attachmentTitle":"附件:","copies":" ","copyto":"[抄送]","copyto2":"[发]","copyto2Title":"发:","copytoTitle":"抄送:","editionDate":"[印发日期]","editionUnit":"[印发机关]","fileno":"[文号]","filetext":"\u003cdiv\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e  正文内容\u003c/div\u003e\n\n\u003cdiv\u003e\u003c/div\u003e\n\u003c/div\u003e\n\u003c/div\u003e\n","issuanceDate":"[成文日期]","issuanceUnit":"[发文机关]","mainSend":"[主送单位:]","meetingAttend":"","meetingAttendTitle":"出席:","meetingLeave":"","meetingLeaveTitle":"请假:","meetingRecord":"","meetingSit":"","meetingSitTitle":"列席:","priority":" ","redHeader":"文件红头","secret":" ","signer":"[签发人]","signerTitle":"签发人:","subject":"[文件标题]","seals":["http://develop.o2oa.net:20020/x_processplatform_assemble_surface/jaxrs/attachment/download/b6941e81-c24b-47a4-ad22-2a31898b936c/work/9994247e-bd6d-4ffb-85aa-04bbc1fd356f"]}
我们还是通过表格来说明每个字段的含义。
字段
含义
类型
copies
份号
text
secret
密级
text
priority
紧急度
text
redHeader
发文机关标志(红头)
html
fileno
文号
text
signerTitle
签发人标题
text
signer
签发人姓名
html
subject
文件标题
html
mainSend
主送单位
text
filetext
正文
html
attachmentTitle
附件说明的标题
text
attachment
附件标题
array
issuanceUnit
发文机关署名
html
issuanceDate
成文日期
text
annotation
附注
text
copytoTitle
抄送标题
text
copyto
抄送单位
text
copyto2Title
版记中第二个抄送标题
text
copyto2
版记中第二个抄送单位
text
editionUnit
印发单位
text
editionDate
印发时间
text
meetingAttendTitle
出席标题(会议纪要类的模板中)
text
meetingLeaveTitle
请假标题(会议纪要类的模板中)
text
meetingSitTitle
列席标题(会议纪要类的模板中)
text
meetingAttend
出席人(会议纪要类的模板中)
html
meetingLeave
请假人(会议纪要类的模板中)
html
meetingSit
列席人(会议纪要类的模板中)
html
meetingRecord
记录人(党委会议纪要类的模板中)
html
seals
模拟盖章图片的url
array
再往下是CSS属性,我们可以给版式正文定义额外的样式。接着是校验,这两部分我们将在后续的章节说明。 配置属性 公文编辑组件属性的“配置”部分,主要是控制公文中各个内容项的显示和值的绑定。
通用配置 先看每个内容元素的通用配置:
属性
默认值
可选项
说明
是否显示
自动
显示,隐藏,自动,根据脚本
此属性配置本内容元素的显示状态。显示:无论有没有值,都显示(占位)隐藏:不显示此内容元素,也不占位自动:根据此元素的值来确定,空则隐藏,有值则显示根据脚本:在下方脚本编辑器中输入脚本,运行返回true则显示,否则隐藏。
绑定值
表单数据
表单数据脚本
设置此元素要显示什么内容。表单数据:将此元素的值与表单中的字段绑定,(在下方的表单数据属性中输入表单字段标识),当表单中的字段发生变化时,此元素的值也立即变化。脚本:通过脚本计算此元素的值(在下方的脚本编辑器中输入脚本),当文档保存后,或者公文编辑器执行resetData方法后更新元素值。
编辑文件标题和发文单位 文件标题元素一般会绑定到文档subject字段,此字段一般是Textfield类型的字段。文件标题过长时,会自动换行,规范要求标题换行要词义完整、长短适宜,这就需要用户手工进行换行,在这种情况下,我们就需要设置文件标题元素为可编辑。
文件标题配置有“允许编辑”属性,三个选项为:“允许”、“不允许”和“根据脚本”,默认值为“不允许”。 允许:可以让用户在公文编辑器中直接编辑标题,一般都是进行换行分隔操作。 不允许:不可在公文编辑器中直接编辑标题。 根据脚本:通过脚本运行返回true表示“允许”,否则“不允许”。 注意:当标题可编辑时,不要绑定表单数据(保持绑定值选“表单数据”;表单数据为空)。因为如果绑定了数据,用户的修改会被表单上的值重新覆盖。   我们还可以配置“同步数据路径”,将编辑的内容同步回表单字段,在此处输入表单上的字段标识即可。 发文单位和标题一样,由于一些格式要求,可设置允许编辑,但没有同步回表单数据的功能。
一些特殊的元素值 一般情况下,公文元素内容绑定的值都是字符串,但有以下一些内容,可绑定特殊的值: 附件:表单数据可以绑定一个附件组件,会计算此附件组件中上传的所有附件,作为公文附件展示在公文内容中。 签发人:可绑定组织类型的表单字段。选择类型为“身份”。 主送单位和抄送单位:可绑定组织类型的表单字段。选择类型为“组织”。 自定义元素配置 在公文编辑器属性的“配置”页面中,有一个“自定义元素配置”,这是用在系统默认元素不够用的情况下,可以在模板中增加自定义元素,并将其要显示的内容,与业务数据绑定。
假设需要在版记之前加上一个“其他说明”,如下图:
可以按以下步骤来实现: 1、拷贝模板l文件 系统模板路径在webserver/x_component_process_FormDesigner/Module/Documenteditor/templete目录下,我们看到templete.json文件,里面设定了每种类型的模板对应的html文件。拷贝一个标准文件模板(standard.html)进行修改。 2、修改模板文件 在拷贝后的模板文件中,找到Class为“doc_layout_editionArea”的div元素,在此元素上面加如下html代码:
<p class="doc_block doc_layout" data-doc-layout="doc_data_other"></p>
其中P元素的class设置了“doc_layout”代表这是公文编辑器中的一个有效元素,“data-doc-layout”属性定义了此元素的自定义名称。 编辑完成后,保存文件,并上传到服务器。本例中,上传到了webserver的filetemplate目录中。 3、使用自定义模板 在表单编辑中,设置公文编辑器属性中的文件模板为“自定义模板”,模板路径输入上传的模板文件路径。在本例中就是“../filetemplate/standard.html”。(关于自定义模板的制作,我们将在第三章中详细描述)
4、配置数据绑定 在公文编辑器属性的“配置”页中,配置自定义元素如下:
其中“doc_data_other”为模板中定义的元素的“data-doc-layout”属性值。 explain为表单中的任意文本类字段的标识。 保存表单后,只要explain字段值改变,并触发“change”事件,公文编辑器中的对应元素的显示内容就会发生改变。 配置完以上内容后,我们就可以使用公文编辑组件了。
 
分享到:
评论

相关推荐

    Linux开源网络全栈详解:从DPDK到OpenFlow

    Linux开源网络全栈详解:从DPDK到OpenFlow - 英特尔亚太研发有限公司(2019)

    PHPOA协同OA办公软件开源版源码 PHPOACollaborationOA.rar

    2、PHPOA使用敏捷MVC开发框架,支持多种模块分布式开发,统一布局,界面简洁不失严肃。其功能包含有个人办公、工作流、公文、人力资源、行政办公、档案、项目管理、知识库、在线交流、CRM系统等,含盖60多个功能点...

    php开源oa办公系统

    【PHP开源OA办公系统详解】 OA(Office Automation)办公系统是一种用于企业或组织内部管理的自动化工具,旨在提高工作效率,优化工作流程。PHP开源OA办公系统则是基于PHP编程语言开发的,具有源代码开放、可自由...

    基于ThinkPHP开发的PHP开源OA办公系统

    《基于ThinkPHP开发的PHP开源OA办公系统详解》 在当今信息化时代,企业对高效、协同的办公系统需求日益增长,而基于ThinkPHP框架开发的PHP开源OA(Office Automation)办公系统,为满足这一需求提供了可能。本文将...

    开源OA办公系统源码

    开源OA办公系统源码是一个基于VS2005和SQL2005开发的B/S架构的典型应用,旨在提供一个学习和实践的平台,帮助开发者理解和掌握企业级办公自动化系统的构建。OA(Office Automation)办公系统是信息化建设的重要组成...

    c#开源的文本编辑器。很不错

    本项目是一个开源的文本编辑器,基于C#语言编写,为开发者提供了一个功能丰富的工具,可用于创建、编辑和处理文本文件。下面将详细讨论这个开源文本编辑器的相关知识点。 1. **C#编程语言**: C#是微软公司推出的一...

    基于thinkphp的开源oa系统

    【标题】"基于thinkphp的开源oa系统"指的是一个使用ThinkPHP框架开发的开放源代码办公自动化(Office Automation,简称OA)系统。ThinkPHP是中国较早的PHP开发框架之一,以其简洁、高效的特性受到广大开发者喜爱。这...

    开源OA系统 - 码云GVP-Java开源

    【开源OA系统 - 码云GVP-Java开源】是一个基于Java技术的开源办公自动化(OA)系统,它在码云GVP(优秀开源项目)平台上发布,旨在为企事业单位提供一套高效、稳定且可定制化的协同办公解决方案。这个系统的出现,...

    Web端免费开源三维场景编辑器Shadow Editor v0.0.7

    说明:基于three.js的免费开源场景编辑器。 源码:https://github.com/tengge1/ShadowEditor 功能: 1. 3D场景在线编辑。 2. 内置多种几何体、光源,场景支持雾效、影子、反光、背景图片等。 3. 支持导入多种不同...

    C# 大型OA 开源

    拥有全浏览器兼容的可视化流程设计器、表单设计器、基于角色的权限管理等先进设计理念,是您开发 OA、CRM、HR 等企事业各种应用管理系统的最佳基础平台。 路德软件 兼承 “ 开放 分享 进步 ” 的原则,对 RoadFlow ...

    开源OA系统

    开源OA系统的最大特点在于其源代码对公众开放,允许用户自由地使用、修改、复制、分发和销售。这种模式鼓励社区参与开发,促进了系统的持续优化与创新。 开源OA系统的核心功能通常包括: 1. 工作流管理:通过定义...

    SpringBoot JAVA 开源OA协同办公系统

    本项目JDK8x64+SpringBoot+MyBatis+Redis+Druid+Beetl+Shrio的框架组合,自研工作流引擎,支持可视化表单设计与流程设计。支技分布式部署。... 正式版演示地址:http://oa.cyunsoft.com 账户:admin 密码:123456

    PHP开源OA办公系统

    "开源"意味着该软件的源代码是公开的,任何人都可以查看、使用、修改和分发。这种开放源代码模式鼓励社区协作和创新,使得开发者能够根据需要调整系统,添加新的功能或改进现有功能,同时也能保证软件的持续更新和...

    国外开源oa(办公系统)源代码

    7. **数据库管理**:OA系统通常会涉及大量数据存储和处理,因此可能使用关系型数据库如MySQL或Oracle,或者NoSQL数据库如MongoDB,进行数据的高效管理和查询。 8. **权限与安全**:OA系统需要严谨的权限控制,确保...

    WPF富文本编辑器,开源代码demo仿word

    本项目提供的开源代码和Demo为开发者提供了一个基础的实现,以学习和扩展自己的WPF富文本编辑器。"HtmlEditor.Demo.sln"是解决方案文件,包含了项目的全部配置和依赖项。"HtmlEditor.Demo"可能是演示应用的主项目,...

    小微开源 PHP OA办公系统 V2.0.rar

     可免费使用开源版,商业版仅同类产品1/4  6. 快速定制  可以根据客户需求,快速量身定制开发    小微OA v2.0 更新日志:  1.【记账】修复JS浮点运算错误  2.【任务】修复微信端选择人员弹窗  3....

    开源OA2.0 审批流程 PHP源码

    【开源OA2.0 审批流程 PHP源码】是一个基于ThinkPHP框架开发的企业级办公自动化系统,其核心是提供一套高效、灵活的审批流程管理功能,并且集成了企业微信应用,使得工作流程与企业通信无缝对接。这个系统旨在提高...

    JEOS开源OA系统

    **JEOS开源OA系统详解** JEOS开源OA(Office Automation)系统是一款专为企事业单位设计的高效、便捷的办公自动化解决方案。它以完全开源、免费的特性,为用户提供了高度可定制化的服务,旨在提高组织的工作效率,...

    开源OA JFinal OA.zip

    1. **工作流**:OA系统的核心是工作流程管理,JFinal与dwz结合可以实现复杂的审批流程,如请假、报销、合同审批等。 2. **文档管理**:提供文档上传、分类、搜索、版本控制等功能,方便企业内部信息共享。 3. **协同...

    开源OA系统【完整源码带手册】

    O2OA 是适用于 OA 系统建设的,基于 J2EE 架构,集成移动办公、智能办公,支持私有化部署,自适应负载能力的企业信息化系统建设平台,也是一款能够很大程度上节约企业软件开发成本的基于 AGPL 协议开放源代码的企业...

Global site tag (gtag.js) - Google Analytics