HTML Builder with jQuery & Bootstrap

Download   Demo

HTML Builder is a nifty little Javascript application which allows end-users to easily compose custom HTML designs using pre-defined HTML elements. The HTML Builder script comes with several sample HTML elements (the ones as displayed in the live demo), however the script really shines when used with your own custom HTML elements!

Custom elements are easily added, and the process is explained in the detail in the provided documentation (also found online here).

HTML Builder features

• build custom HTML pages using predefined HTML elements


• create your own custom HTML elements with ease


• integrates seamlessly with CSS frameworks (like Bootstrap, Foundation, etc)


• create multiple pages in one session


• edit CSS and links


• export the created pages (incl CSS, Javascript and images)


• basic editing of written content (only available for non IE browsers)


• beautiful add-on for HTML template authors!

Setup HTML Builder with your own HTML template

HTML Builder makes it extremely easy to configure the script with your own HTML template, allowing users to easily create custom pages! It’s very easy to integrate your own HTML elements (simply create the element files and configure the elements.json file, more details are included in the documentation).

Besides adding your own HTML elements, you can also easily configure which elements are allowed to be edited (CSS) by the user and which CSS attributes are editable. You can even go as far as specifying values from which the user can choose for certain CSS attributes (for example, COLOR can be either: red, black or yellow). HTML Builder allows for total flexibility and control!

Requirements

• web server with PHP enabled (the export function requires PHP)


• browser to access the script

IDEAL FOR HTML TEMPLATE AUTHORS

Are you an author selling HTML templates are you looking to provide your customers with an easy way to customise your products after purchasing it? HTML Builder makes integration with HTML templates extremely easy and your customer will the fact they can easily create their own custom pages using your designs!

Themeforest authors who have purchased an extended license are allowed to bundle HTML Builder with their HTML templates!

Change log

Emergency patch 2014-08-13:
- issue with nested editable elements not being clickable

Emergency patch 2014-08-12:
- missing scroll inside the elements section on Chrome/Safari (OSX)
- escaped content when exporting (on older versions of PHP)

v1.2 - 2014-08-12
- implemented CSS editing and link editing

v1.1 - 2014-08-06
- improved export function; now exports entire site including CSS, JS and images

HTML Builder with jQuery & Bootstrap