在实际的工作当中,经常会有让上传合同的需求,我们通常的做法是将合同复制粘贴到页面里然后写class和各种样式,这种重复劳动耗时耗力,做起来没多大意义,我们应该将有限的时间做更有价值更有意义的事情上,哪怕优化代码也比这些重复操作来的划算,所以一番搜索,找到了UEditor这个插件,其实gitbub上ueditor已经有使用说明了,但是这里还是说一些细节
1. 在github上将项目down下来
2. 解压,然后npm install安装包,装完了之后运行grunt default,这一步和GitHub说的一样
3.在浏览器中 打开 dist==>utf8-php==>demo.html
会看到这样的界面
3. 把word打开,所有内容复制过来,点左上角的HTML,就会将文档自动生成html了,样式都会帮你生成和word一模一样的:字体,颜色,缩进等等,然后再粘到项目对应的文件里html.php文件里。
亲测效率提升80%,本来花10分钟做一个合同,现在花2分钟就行啦,大大解放了劳动人民的双手,希望大家用的愉快!欢迎留言讨论交流
2018-09-26更新
- 如果word中带表格,那么在PC端还好说,在移动端会生成横向滚动条来渲染表格
- 如果word中使用了tab来缩进而不是空格,可能会让生成的html变得很长,也会出现横向滚动条
以上两点是需要注意的地方