DocEditor编辑器为公文版面元素进行了命名,我们可以通过这些命名来获取公文的版面元素DOM对象、默认值、相关配置等。见下表:
名称 | 版面元素 |
copies | 份号 |
secret | 密级 |
priority | 紧急程度 |
redHeader | 发文机关标志(红头) |
redLine | 分隔线 |
fileno | 发文字号(文号) |
signerTitle | 签发人标题 |
signer | 签发人 |
subject | 文件标题 |
mainSend | 主送单位 |
filetext | 正文 |
attachmentTitle | 附件说明标题 |
attachment | 附件说明 |
attachmentText | 附件内容 |
issuanceUnit | 发文机关署名 |
issuanceDate | 成文日期 |
annotation | 附注 |
copytoTitle | 抄送单位标题 |
copyto | 抄送 |
copyto2Title | 发标题 |
copyto2 | 发 |
editionUnit | 印发单位 |
editionDate | 印发日期 |
meetingAttendTitle | 出席标题 |
meetingLeaveTitle | 请假标题 |
meetingSitTitle | 列席标题 |
meetingRecordTitle | 记录标题 |
meetingAttend | 出席 |
meetingLeave | 请假 |
meetingSit | 列席 |
meetingRecord | 记录 |
我们可以通过以上的名称,来访问到公文编辑器的值,对应的DOM元素,以及相关配置。
访问和设置公文编辑器的值
如果我们要访问公文编辑器的标题值,可以使用以下代码:
const data = editor.getData();
console.log(data.subject); //输入当前的标题值
可以通过以下代码设置标题值:
const data = editor.getData();
data.subject = '新的标题'; //设置标题值,通过页面中的标题内容会重新渲染
对于其他元素,都可以使用此方法来访问或设置。
//获取值
const value = data.[name];
//设置值
data.[name] = 'value'
版面元素取值类型如下:
名称 | 版面元素 | 数据类型 |
copies | 份号 | 字符串 |
secret | 密级 | 字符串 |
priority | 紧急程度 | 字符串 |
redHeader | 发文机关标志(红头) | 字符串(允许html内容) |
fileno | 发文字号(文号) | 字符串 |
signerTitle | 签发人标题 | 字符串 |
signer | 签发人 | 字符串数组 |
subject | 文件标题 | 字符串(允许html内容) |
mainSend | 主送单位 | 字符串 或 字符串数组 |
filetext | 正文 | 字符串(允许html内容) |
attachmentTitle | 附件说明标题 | 字符串 |
attachment | 附件说明 | 字符串数组 |
attachmentText | 附件内容 | 字符串(允许html内容) |
issuanceUnit | 发文机关署名 | 字符串(允许html内容) |
issuanceDate | 成文日期 | 日期 或 字符串 |
annotation | 附注 | 字符串 |
copytoTitle | 抄送单位标题 | 字符串 |
copyto | 抄送 | 字符串 或 字符串数组 |
copyto2Title | 发标题 | 字符串 |
copyto2 | 发 | 字符串 或 字符串数组 |
editionUnit | 印发单位 | 字符串 |
editionDate | 印发日期 | 日期 或 字符串 |
meetingAttendTitle | 出席标题 | 字符串 |
meetingLeaveTitle | 请假标题 | 字符串 |
meetingSitTitle | 列席标题 | 字符串 |
meetingRecordTitle | 记录标题 | 字符串 |
meetingAttend | 出席 | 字符串(允许html内容) |
meetingLeave | 请假 | 字符串(允许html内容) |
meetingSit | 列席 | 字符串(允许html内容) |
meetingRecord | 记录 | 字符串(允许html内容) |
访问元素的DOM对象
如果要访问发文机关标志(红头)的DOM对象,可使用以下代码:
const element = editor.layout_redHeader;
获取其他元素的DOM对象,都可以使用:
const element = editor.layout_[name];
访问各元素配置项
DocEditor对于每一个版面元素,都有一组相关配置项,用于配置元素是否显示、绑定什么样的数据等,例如关于公文上行文时,需要显示签发人,而平行下行文则不显示签发人。类似这样的要求就可以通过配置公文元素来实现。
如有关签发人的配置项如下:
//是否显示签发人,可选值:"y", "n", "a", "s"
editor.options.signerShow;
//绑定签发人值的类型,可选值:"data", "script"
editor.options.signerValueType;
//如果绑定值的类型为data, 则设置表单输入框的选择器
editor.options.signerValueData
//如果是否显示为s, 则设置一个Function或脚本表达式字符串,返回true或false
editor.options.signerShowScript;
//如果绑定值的类型为script, 则设置一个Function或脚本表达式字符串,返回值
editor.options.signerValueScript;
对于其他元素,都有此类通用配置元素:
//是否显示,可选值:"y", "n", "a", "s"
editor.options.[name]Show;
//绑定值的类型,可选值:"data", "script"
editor.options.[name]ValueType;
//如果绑定值的类型为data, 则设置表单输入框的选择器
editor.options.[name]ValueData
//如果是否显示为s, 则设置一个Function或脚本表达式字符串,返回true或false
editor.options.[name]ShowScript;
//如果绑定值的类型为script, 则设置一个Function或脚本表达式字符串,返回值
editor.options.[name]ValueScript;
关于元素配置项,会在“数据绑定”章节详细介绍。