lodop打印生成文档

需求:

因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文件代码功能 进行前端铺送

 

添加生成文档功能按钮

&nbsp;&nbsp;&nbsp;&nbsp;

<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(/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/, ownName));
ue.setContent(ue.getContent().replace(
/<span style="font-size: 16.0pt; font-family: 仿宋; mso-bidi-font-family: 仿宋;">年<span style="mso-spacerun: yes;">&nbsp; <\/span>月<span style="mso-spacerun: yes;">&nbsp; <\/span>日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/span>/,
'<span style="font-size: 16.0pt; font-family: 仿宋; mso-bidi-font-family:仿宋;">'+ date + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>'
))
//提示用户
confirm("生成文档成功,如遇乱码,显示不正确等问题,请恢复初始模板,再进行生成操作!")
}

 

---

因lodop功能已经完成,故此部分只需replace方法进行替换操作

 

生成效果为下图: