需求:
因lodop打印预览 设计 维护功能已经实现 需要进行网页上生成lodop打印的具体内容
配合ueditor 插件
<!-- 配置文件 -->
<script
type=
"text/javascript"
src=
"
${
rc.contextPath
}
/statics/ueditor1.4.3.3/ueditor.config.js"
></script>
<!-- 编辑器源码文件 -->
<script
type=
"text/javascript"
src=
"
${
rc.contextPath
}
/statics/ueditor1.4.3.3/ueditor.all.js"
></script>
官方网站:
http://ueditor.baidu.com/website/
Ueditor 编辑器 可先进行可视化操作 设计模板 有生成html文件代码功能 进行前端铺送
添加生成文档功能按钮
<a
href=
"#"
class=
"buttonStyle orange"
οnclick=
"
updateFile
()
"
>
生成文档
</a>
//生成文档
function updateFile() {
//设置核准号 标题 单位名称 抄送 内容 落款单位 日期
var checkNumber = document.getElementById("checkNumber").value;
var title = '';
var companyName = document.getElementById("companyName").value + ":";
var cc = document.getElementById("cc").value;
var mainBody = document.getElementById("mainBody").value;
var ownName = ""+" ";
var date = document.getElementById("date").value;
//替换操作
ue.setContent(ue.getContent().replace(/<span class="file-code">0009 <\/span>号/,
checkNumber + '<span class="file-code"><\/span>'
))
ue.setContent(ue.getContent().replace(//, title));
ue.setContent(ue.getContent().replace(/_:/, companyName));
ue.setContent(ue.getContent().replace(/，/, mainBody));
ue.setContent(ue.getContent().replace(//, cc));
ue.setContent(ue.getContent().replace(/ /, ownName));
ue.setContent(ue.getContent().replace(
/<span style="font-size: 16.0pt; font-family: 仿宋; mso-bidi-font-family: 仿宋;">年<span style="mso-spacerun: yes;"> <\/span>月<span style="mso-spacerun: yes;"> <\/span>日 <\/span>/,
'<span style="font-size: 16.0pt; font-family: 仿宋; mso-bidi-font-family:仿宋;">'+ date + ' </span>'
))
//提示用户
confirm("生成文档成功,如遇乱码,显示不正确等问题,请恢复初始模板,再进行生成操作!")
}
因lodop功能已经完成,故此部分只需replace方法进行替换操作
生成效果为下图:
