Back to Top
The nuts and bolts for
Creative web development

Real Time Editing Preview Showcase

This week we have a great showcase for you that demonstrates the power of Advanced HTML Editor 3 together with HTML5 Data Bindings. This showcase shows how easy it is to make a live preview of the content being edited by the Advanced HTML Editor 3 using the Form data bindings from the HTML5 Data Bindings. Check the showcase after the break.

Showcases


Admin Panel With Realtime Preview

For this showcase we used Advanced HTML Editor 3 and HTML5 Data Bindings on an article edit page. The changes that we make in Advanced HTML Editor 3 are immediately applied in the Preview section of the page thanks to HTML5 Data Bindings global form variable options. For the purpose of this demo page we used the iPad Flat skin and Bootstrap iconset.

Extensions


DMXzone Lightbox
Great looking photos in a modal stylish popup
Google Maps Drawing Add-on
Sketch anything you want directly in Dreamweaver
DMXzone Google Maps
Empower full featured Google Maps in Dreamweaver!
DMXzone Nivo Slider
The most awesome jQuery image slider now as Dreamweaver extension
HTML5 Slideshow
Create Mind-Blowing HTML5 Presentations!
DMXzone Bootstrap 3
Next generation perfect site layout in a few minutes
DMXzone Bootstrap 3 Elements
37 ready to go and fully customizable elements for Bootstrap 3
HTML5 Data Bindings
Connect to your data
HTML5 Data Bindings SEO ASP
Search Engine Optimization for Ajax Apps
HTML5 Data Bindings SEO PHP
Search Engine Optimization for AJAX Apps

Share this Article