2020/05/08 20:00    作者:Grace Lin


DocToWeb is an Office Word Add-in, which can convert a Word document to a responsive (PC/Mobile/Tablet) website with just one click. You can use it to write program documentation or some structural documents such as tutorials or product instructions.

Once I have tested many CMS, such as WordPress, Joomla, Drupal, etc. Yes, they are all excellent systems developed by smart team, but I still think they are too heavy and complicated.

Because for most people, what they have on their computer is just Office Word and they have few knowledge about server or server side language like PHP. At that moment, an idea came to me that why we can’t just write our contents in Office Word and convert the Word document to a website with VBA.

With this in my mind, I developed DocToWeb and it did save me a lot of time and energy.

Demo site:

  • It can run on any computer with Office Word installed, no matter Windows or Mac.
  • It can convert a 100 page word document to a responsive website in 3-5 seconds.
  • You can put the website folder to anywhere, such as local disk, server, Github Page, etc.
  • The website is responsive and looks good on different devices such as PC, mobile and tablet.
  • It has several wonderful themes for you to choose.
How to use?
  1. Download all the files in this repository.
  2. Rename DocToWebTemplate.docm as you want. You will write your structural content in this word document.
  3. Open the word document after you rename it.
  4. Fill in all document properties in the first page according to the template. If some property is empty, the program will stop running and prompt unknown error. Please make sure all document properties are filled.
  5. Start writing in the Word template.
  6. Click “Run” on the first page to generate your clean and simple website with table of contents attached. Your website files will be shown in C:\Users\Ed0522\Documents\GitHub\DocToWeb\doc_to_web_project\websites (for example)
Supported Word features
  • DocToWeb only support document with Heading1 and Heading2 title. The reason we don’t support Heading 3 title is because Heading 3 title makes the document too complicated and needs more time to revise. We just want keep everything stupid and simple (KISS). As an alternative, you can use Heading 2(1), Heading 2(2) instead of using Heading 3 title.
  • For convenience, DocToWeb only supports one-column document.
  • You can use Bold, Italic, Underline, Strikethrough, Subscript and Superscript for font. But we don’t support any Font Color or Character Shading.
  • You can use different font size, but finally it will be converted as the specified font size by our program.
  • You can insert table, picture, shapes, chart and SmartArt as usual.
  • You can insert any formula in Word.
  • You can remove the list number for Heading 1 and Heading 2 of our Word template and it has no influence on our program.
  • We don’t support multilevel list, because multilevel list sometimes causes some strange problem in Word. Therefore, we should avoid this trouble. Please make sure don’t use multilevel list.
  • Please do not deelete the Document Properties table on the first page.
  • Please do not change the theme or styles of word document because it may cause some unknown errors which make you unhappy. After all, there is no perfect program. It has Advantages and also Disadvatages.
  • I recommend you don’t change anything about the template.
  • Do not use Japanese or Chinese character as folder name or parameter.









  1. 微信小店下线,微信小商店取而代之正式上线


  2. Chrome浏览器如何添加多个用户

    之前在网上看到有篇文章说Chrome浏览器添加多个用户,需要到右键--属性里去修改,但是你现在不需要这么麻烦了,因为Chrome浏览器早就支持多用户模式了。 请看下图: 【阅读全文】

  3. VizGraph:超好用的代码画图工具

    关于如何用代码画图 最近一直想找一个可以通过写代码进行画图的工具,因为我实在受够了来回拖拽、改过来过去的图形界面作图工具。在我试用了很多软件之后,发现几个比较好的解决方案。 markdown+mermaid:适合简单的流程图、时序图等; graphviz:适合做有大量节点的图。也可以通过编【阅读全文】

  4. 国内爆火RPA工具UiBot学习资源大全!未来职场必备工具

    这两年来,RPA市场非常火爆。根据笔者一个多月的调查和深入学习,RPA工具确实可以大幅度提高办公效率,尤其是对那些重复度比较高的“体力活”,比方说数据录入、复制粘贴,财务报表,邮件发送…… 国外比较火的RPA工具有UiPath,Blue Prism,Automation Anywhere,国内则是UiBot,前键盘精灵团队打造的面向办公领域的商业版“按【阅读全文】

  5. Google Translate安卓版