首页 >> 大全

用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排

2023-07-25 大全 37 作者:考证青年

我们用自定义函数()来实现对公文排版

一、获取公文参数

要对公文进行排版,首先要读取公文“参数设置”区中的参数值。比如公文要求对公文标题的一般规定是:一般用2号小标宋体字,居中显示。标题与正文中间空一行。

这些是“参数设置”中关于“文件标题”的默认设置。如果用户有特殊的要求,也可以在“参数设置”修改默认的设置。

所以我们在()中首先使用调用自定义函数()来获取这些参数。

function getArg()
{taDbg.value += "\n--- getArg()" ;//标题字体名 font namedtfn = document.getElementById('selDocTitleFontName').value;//alert(fn);//标题字号 font sizedtfs = document.getElementById('selDocTitleFontSize').value;//alert(fs);//标题对齐方式 text aligndtta = document.getElementById('selDocTitleAlign').value;//一级标题字号 font namept1fn = document.getElementById('selPrimaryTitleFontName').value;//一级标题字号 font sizept1fs = document.getElementById('selPrimaryTitleFontSize').value;//二级标题字号 font namept2fn = document.getElementById('selSecondaryTitleFontName').value;//二级标题字号 font sizept2fs = document.getElementById('selSecondaryTitleFontSize').value;//正文字体名称mtfn = document.getElementById('selMainTextFontName').value;//正文字体字号mtfs = document.getElementById('selMainTextFontSize').value;//行距 row spacingrs  = document.getElementById('tbRowSp').value;//首行行首空格数sn  = document.getElementById('tbLeadSpNum').value;
}      

二、公文标题排版

在获取公文参数值后,我们正式开始排版。

_公文自动排版软件_公文排版标题文字排列

与“清除格式”一样,我们首先调用() 对要排版的内容进行格式清除。

然后在开始对公文标题进行排版,这主要在自定义函数()中完成:

function setDocTitle(s)
{taDbg.value += "\n--- setDocTitle("+ s  + ");" ;return '

' + s; }

主要是使用

标签,并通过css把与标题相关的参数值作为

的属性。

由于标题通常与正文中间空一行,所以()中在()完成标题格式设置后,我们添加了“

_公文排版标题文字排列_公文自动排版软件

';”来实现。即:

	//标题t[0]  = setDocTitle(t[0]) + '

 ';

这样我们就完成了标题的排版。这里我们不考虑标题有几行的情况。

function setDocFmt()
{taDbg.value += "\n---setDocFmt()\n";getArg();var t = getClearInfoArray();//标题t[0]  = setDocTitle(t[0]) + '

 ';/*处理正文*/ edRichBody.innerHTML = t.join('

'); }

效果如下图:

完整的代码如下:





公文一键排版





实时编辑区

参数设置

文件标题:

一级标题:

二级标题:粗体

三级标题:粗体

正文字体: 行距(行间距):  段落首行行首空格数:

调试信息

关于我们

最火推荐

小编推荐

联系我们


版权声明:本站内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 88@qq.com 举报,一经查实,本站将立刻删除。备案号:桂ICP备2021009421号
Powered By Z-BlogPHP.
复制成功
微信号:
我知道了