/docx-viewer

Live Preview the generated word document (docx) in your browser while using https://docx.js.org/

Primary LanguageJavaScriptMIT LicenseMIT

docx-viewer

docx-viewer icon

View the output of your .docx LIVE in your browser while you are coding it using docx.js.

Getting started

Description

Working with docx.js can be painful without viewing the output of your code in real-time. I created this project to help you work with docx.js in order to code word documents easily. It offers a viewer for your .docx file, and a live preview of your code in real-time.

how it works

Requirements

  • Node.js v14.18.0 or higher

Getting Started

  1. Start by cloning the repository: git clone git@github.com:naskio/docx-viewer.git
  2. Install dependencies: yarn install
  3. Run forward port script: yarn forward_port
  4. Create .env file : cp .env.example .env
  5. Add the url generated by yarn forward_port to your .env file (var PUBLIC_URL).
  6. Run the server: yarn start
  7. Open the Docx viewer at http://localhost:3000
    • Start editing the document ./docx-src/source.js
  8. Save the file ./docx-src/source.js and see the changes live in your browser.
    • You can find the generated document at ./docx-src/output.docx

Contributing

Don't hesitate to open an issue or to submit a pull request if you have any questions or suggestions.