UEditor使用操作步骤-----不让合同再占用你过多时间

在实际的工作当中,经常会有让上传合同的需求,我们通常的做法是将合同复制粘贴到页面里然后写class和各种样式,这种重复劳动耗时耗力,做起来没多大意义,我们应该将有限的时间做更有价值更有意义的事情上,哪怕优化代码也比这些重复操作来的划算,所以一番搜索,找到了UEditor这个插件,其实gitbub上ueditor已经有使用说明了,但是这里还是说一些细节

1. 在github上将项目down下来

github链接

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变得很长,也会出现横向滚动条

以上两点是需要注意的地方

你可能感兴趣的:(UEditor使用操作步骤-----不让合同再占用你过多时间)