Skip to content
Simple HTML editor with syntax highlighting and instant preview. https://rioastamal.net/html-editor/
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
build
src
.gitignore
README.md
build.sh

README.md

About

This application is a simple HTML editor with syntax highlighting and instant preview capability. It has two main windows -- left is used for code editor and the right one is used for HTML preview. For syntax highlighting it uses CodeMirror library.

HTML Editor support following features.

  • Open file from local disk
  • Save file to local disk
  • Syntax highlighting
  • Word Wrap
  • Instant preview window
  • Responsive design for mobile

Demo are available at https://rioastamal.net/html-editor/

Demo HTML Editor

Run

To run the HTML editor just open file src/index.html using your favorite web browser and you're ready to go.

Build

The build process will generate single HTML file of the editor. It may useful if you want to host or upload the editor to your own server. The build script only uses Bash so it should be easy to run.

$ bash build.sh
Build file build/index.html complete.

You can try to open file build/index.html using web browser.

Author

This application is written by Rio Astamal <rio@rioastamal.net>

License

This application is open source licensed under MIT license.

You can’t perform that action at this time.