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).
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
- HTMLEdito
- HTMLEdito Mobile (Tabbed Version)
- HTMLEdito Classic Version
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
Update
22/03/2018: (version 1.1) - Rebuild - Now Using NPM for easy maintenance and update. - Supports Emmet - Fixed Minor bugs and design - Update All Libraries to latest version - Add additional Libraries to "library" menu 17/07/2017: (version 1.0) - Version 1.0 Initial Release
[eltd_button size=”huge-full-width” type=”outline” text=”Download & Demo Links” custom_class=”#” icon_pack=”font_awesome” fa_icon=”” link=”” target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Demo = HTMLEdito – HTML, CSS, JavaScript Live Editor
[eltd_button size=”huge” type=”” text=”Full Live Demo” custom_class=”” icon_pack=”font_awesome” fa_icon=”fa-laptop” link=”https://codecanyon.net/item/htmledito-html-css-javascript-live-editor/20339590″ target=”_blank” color=”” hover_color=”” background_color=”” hover_background_color=”” border_color=”” hover_border_color=”” font_size=”” font_weight=”” margin=””]
Kindly Note: We update new contents like WordPress Themes, Plugins, PHP Scripts everyday. But remember that you should never use this items in a commercial website. All the contents posted here for development & testing purpose only. We’re not responsible for any damage, use at your own RISK! We highly recommend to buy HTMLEdito – HTML, CSS, JavaScript Live Editor from the The Developer ( apaCara ) website. Thank you.
Download = HTMLEdito – HTML, CSS, JavaScript Live Editor-[Updated].zip
