HTMLEdito is HTML Editor, CSS Editor and Javascript Editor script in one simple and user-friendly UI. It is build with HTML5, CSS3 and many javascript libraries. You can use it for editing and working with any HTML markup, CSS codes, and Javascript codes for testing, implementing and debuging purpose, where you will see the output result directly (live) in the browser window.

Are you familiar with Codepen or JSFiddle? HTMLEdito is the code editor just like codepen.io and jsfiddle.net. It does the same as expected for working offline. It has live preview output, resizable panel editor, selectable theme editor (dozen), ready to use popular HTML and CSS framework (just one click button) making coding activities more simpler and easier.

HTMLEdito is a must-have tool for web programmer, web master, developer, blogger, web and UX designer or even for a newbie working with HTML, CSS and javascript code for editing and customizing. The app is zero configuration, no need installation (Just run index file with modern browser) and perfectly working offline (No need internet connection).

HTMLEdito - Main Features Editor

Features

Includes: 3 templates editor .
Code editor with live preview panel
Work with desktop, tablet, and mobile browser.
Test any HTML, CSS and Javascript codes.
Resizable Window Editor
Editor themes selection
Increase & Decrease font size
Execute javascript code directly or manually.
Ready to insert media (images, audio and video)
Work with popular library (Bootstrap, Foundation, jQuery etc.)
Custom preview panel (set width and height)
No Installation Needed, No Setup, ready to use.
Client-side codes, no need server.
Well Documented
and Much More!

Demo (Preview)

Credits

Codemirror: http://codemirror.net
Bootstrap: http://getbootstrap.com/
uikit: https://getuikit.com/
jQuery: http://jquery.com/
jQueryui: https://jqueryui.com/
FontAwesome: http://fontawesome.io/
icomoon: https://icomoon.io/
mootools: https://mootools.net/
emmet: https://emmet.io/
Normalize.css: https://necolas.github.io/normalize.css/
NProgress.js: http://ricostacruz.com/nprogress/
prismjs: http://prismjs.com/
code-prettify: https://github.com/google/code-prettify
gemdl.io: https://getmdl.io/
freepik: http://www.freepik.com
blender: https://peach.blender.org/
Google Fonts (Roboto, Montserrat): https://fonts.google.com

HTMLEdito - HTML, CSS, JavaScript Live Editor