Word文档快速发布网页工具
基于类UEditor编辑器网站
摘要:本页面介绍了如何对精心编制的图文混排的Word文档,通过格式转换,代码修改,资源上传等途径生成网络端适配的HTML代码,该代码可以利用类似与支持HTML代码段的UEditor编辑器进行粘贴后发布,极大的缩减了网页排版和资源上传时间.
赵毅工作室 2017-8-1
muban.zip
开发背景
在日常工作中很多技术文档、帮助文件、和其他数据资料都是通过Word编辑整理汇总。其中有些文档属于工具性的参考。随着智能设备的日益普及这些文档已经可以实现移动存取。但是繁琐的打开步骤以及软件界面的不友好直接约束了文档的阅读效率，同时，这些存储在设备上文档分发、传播相较直接通过Web浏览来获取、传播内容更是相形见绌。
本工具利用了Microsoft Word自身的文件可以另保存为网页的特性，通过对编辑好的文本直接转化为HTML网页和相应资源文件，首先对网页所依赖的资源文件进行FTP上传至网络服务器，然后对HTML代码进行网络资源的重新匹配，以及冗余代码的压缩删除。保存后的HTML代码直接复制到网站后台的UEditor编辑器的HTML代码槽中即可轻松发布内容。
工具下载
l 下载地址：百度网盘 提取密码：e1se
l 适用平台： Windows
7+
l 资源依赖：网页服务器，FTP卡密，支持HTML片段的网页编辑器
l 代码开源共享：GITHUB
l 使用说明：见下文
运行机制
软件界面
使用指南
1. 第一次使用首先输入用户名（user）和密码（123456）登录后，在第二步文本域中输入有关FTP的上传位置和登录信息。
2. 在第一步右侧点击【导入Word文档】后，点击【输出HTML】待输出完毕后，到工作目录下查看
3. 待FTP信息填写完毕后点击【上传文件夹】，把本地资源上传。
4. 在第三步【页面宽度】文本框下输入，文本最终的显示宽度，默认值800
px 也可以填写0-100%，或者留空白自适应（推荐）。然后点击【解析HTML文件】按钮，资源替换和初步精简过的HTML已经保存。打开Dreamwaver把该文件拖进工作区，点击【命令】菜单， 依次点击【清理Word..】和【清理XHTML..】两个命令并保存文件，进一步精简代码。
5. 打开网站的后台，新建一篇文章，题目为【这是一个测试案例】，在编辑器点击【html】便签并把文本框内容清空，用文本编辑器打开保存的HTML，全选-复制-粘贴到网页编辑器，点击【提交】按钮，整个word文本内容便呈现在网站上。
DPlayerOptions.push({
"id": "0ca8040985cd22d1f3de2a34fda6e060",
"hotkey": true,
"screenshot": false,
"loop": false,
"autoplay": true,
"theme": "#ffffff",
"lang": "zh",
"preload": "none",
"video": {
"url": "http://www.madefafa.top/zb_users/upload/2017/wordUpload/word_htmlConvert_tool/video1.mp4",
"pic": "http://www.madefafa.top/zb_users/upload/video_logo.jpg",
"type": "auto"
},
"danmaku": null
});
DPlayerOptions.push({
"id": "0307c57f72638052e64f3529837991ec",
"hotkey": true,
"screenshot": false,
"loop": false,
"autoplay": true,
"theme": "#ffffff",
"lang": "zh",
"preload": "none",
"video": {
"url": "http://www.madefafa.top/zb_users/upload/2017/wordUpload/word_htmlConvert_tool/video2.mp4",
"pic": "http://www.madefafa.top/zb_users/upload/video_logo.jpg",
"type": "auto"
},
"danmaku": null
});
DPlayerOptions.push({
"id": "22ae9f303a1d3417f47f597a71c73c7b",
"hotkey": true,
"screenshot": false,
"loop": false,
"autoplay": true,
"theme": "#ffffff",
"lang": "zh",
"preload": "none",
"video": {
"url": "http://www.madefafa.top/zb_users/upload/2017/wordUpload/word_htmlConvert_tool/video3.mp4",
"pic": "http://www.madefafa.top/zb_users/upload/video_logo.jpg",
"type": "auto"
},
"danmaku": null
});
DPlayerOptions.push({
"id": "3555873834ba305c721c0769c107c1c2",
"hotkey": true,
"screenshot": false,
"loop": false,
"autoplay": true,
"theme": "#ffffff",
"lang": "zh",
"preload": "none",
"video": {
"url": "http://www.madefafa.top/zb_users/upload/2017/wordUpload/word_htmlConvert_tool/video4.mp4",
"pic": "http://www.madefafa.top/zb_users/upload/video_logo.jpg",
"type": "auto"
},
"danmaku": null
});
