Online Page Editor Add-on

The Page Editor Add-on puts your users in control of their website empowering them to edit live pages without the use of any extended Content Management System or database! This amazing Add-on extends the usability and possibilities of the Advanced HTML Editor 3, turning any region of your Dreamweaver template based site into a live editable area. With only one single key press the Editor becomes visible and you can start editing your online content directly.

This Add-on works only with Advanced HTML Editor 3.

Overview

Features Highlights:

• Turn any Dreamweaver template based site in online editable version!
• Turn one or more desired Div tags on your page into online editable regions.
• Easy Online Page Editing - Defining your editable areas is extremely easy to do with the Online Page Editor Add-on so the users can edit any HTML content, directly in the browser.
• Special Keys and Selectors - You can select the way you want to activate the Online Page Editor by special key (one of the predefined special key combinations) or use a selector (enter a valid CSS selector on your page that will activate the editing mode when clicked). 
• Editable Regions - Customize the regions on your page that can be edited. You can use the default Dreamweaver Template Editable Regions or add more editable Div Regions by adding their IDs, separated by commas.
• Strong security - The chosen username and password are stored safely on your website and well verified with HTTP Authentication. If you also define FTP Connection with its own username and password it is also stored safely on the server and used but never exposed to any client.
• Amazing FTP Integration for Easy Website Updates - Connect your Online Page Editor with the Advanced HTML Editor 3 so that your users can save the changes directly through an FTP connection. All you need is to enter the FTP account to access your website and the Online Page Editor will upload the changes automatically!
• Integration with the new DMXzone Nivo Slider and DMXzone Lightbox.

Do you have any questions about the Online Page Editor Add-on? Check out the Q&A.

Using DMXzone Nivo Slider with Online Page Editor
With this movie we will show you how to use DMXzone Nivo Slider with Online Page Editor Add-on in order to insert and edit an image slider on your page.

 

Online Editable App Store Demo

For this demo we made some editable areas on the page so you can easily edit the text and images directly in the browser. In order to open the Online Page Editor Add-on - CTRL+SHIFT+2 (username: demo; password: demo). Once you log in, click the pencil and edit anything you want with the Advanced HTML Editor 3.

Health Food Store Demo

In this demo you can try how the DMXzone Nivo Slider works as an Add-on for the Advanced HTML Editor 3. In order to open the Online Page Editor - CTRL+SHIFT+2 (username: demo; password: demo). Once you open it, you can choose how to upload the images for the DMXzone Nivo Slider from 3 different sources: direct upload from your computer, File Manager Add-on or Image Gallery Add-on.

Editing Dreamweaver Template Demo

In this demo you can experience the power of Online Page Editor Add-on in collaboration with the Advanced HTML Editor 3. In order to enable the editing mode press: Ctrl+Shift +2. All you need to do is log in (username: demo, password: demo), edit the template from , save from the button and preview the result. If you don't want to save the changes, click .

 

Hotel Website Template Demo

In order to edit this template use the same key combo, username and password as the demo above.

 

Features

• Turn any Dreamweaver template based site in online editable version!
  
  
• Turn one or more desired Div tags on your page into online editable regions.
  
  
• Easy Online Page Editing - Defining your editable areas is extremely easy to do with the Online Page Editor Add-on so the users can edit any HTML content, directly in the browser.
  

• Full On Demand Loading - When the Online Page Editor runs it loads the Advanced HTML Editor 3 automatically so your pages include only the files they need to display. Because of that they run very fast!
  
  
• Autosizing editor regions - When the Advanced HTML Editor 3 is activated for editing it grows automatically so it visually always fits its content.
  
  
  
  
• Single key activation - Press the magic key and your site becomes editable online, after login in first of course.
  
  
  
  
• Special Keys and Selectors - You can select the way you want to activate the Online Page Editor by special key (one of the predefined special key combinations) or use a selector (enter a valid CSS selector on your page that will activate the editing mode when clicked). 

• Use the existing site CSS styling - The editor picks up all CSS styles of the pages and displays them in the Advanced HTML Editor 3 area so you get a truly WYSIWYG experience.
  
  
• Editable Regions - Customize the regions on your page that can be edited. You can use the default Dreamweaver Template Editable Regions or add more editable Div Regions by adding their IDs, separated by commas.

• Great Server Support - The Online Page Editor works on any server support ASP, ASP.NET or PHP!
  
  
• Strong security - The chosen username and password are stored safely on your website and well verified with HTTP Authentication. If you also define FTP Connection with its own username and password it is also stored safely on the server and used but never exposed to any client.
  
  
• Page Edit Security - Secure the access to your Online Page Editor with Own User Security (use a specific username and password). 

• Great Interaction with Advanced HTML Editor 3 - Once you set up your online editor you can simply click the Set Advanced HTML Editor 3 Options and do you further customizing.
  

• Support for all latest browsers - All modern browsers are supported (IE8+ FF 3.6+, Safari 5+, Chrome 10+, Opera 10).

• Fully jQuery powered - Works with the latest jQuery 1.4.4
  
  

• Great Dreamweaver Integration - Interactive dialog in Dreamweaver with all the options you’ll need.

Showcases

Advanced HTML Editor 3 Live Demo

In this demo you can experience all the features packed in the extension. Choose from the many designs, iconsets, toolbars and languages to see how they look like in the browser. You can also edit the supplied text, image and tables, and submit them for browser preview.

Advanced Content Editor Bundle Demo

The demo will give you an impression of what Advanced HTML Editor 3 can do when combined with Pure ASP Upload 3 and Smart Image Processor ASP 2. The editor runs the same way if you use Pure PHP Upload 2 and Smart Image Processor PHP 2.

Editing Dreamweaver Template Demo

In this demo you can experience the power of Online Page Editor Add-on in collaboration with the Advanced HTML Editor 3. In order to enable the editing mode press: Ctrl+Shift +2. All you need to do is log in (username: demo, password: demo), edit the template from , save from the button and preview the result. If you don't want to save the changes, click .

 

Hotel Website Template Demo

In order to edit this template use the same key combo, username and password as the demo above.

Easter Eggs Demo

In this demo you can see the features packed in the Image Gallery Add-on for Advanced HTML Editor 3 as well as to try it on any of the supported browsers. Drag&Drop images (in Firefox and Chrome), upload, delete and select, you can do all of this in the live demo.

Movies Preview Demo

The Ajax DataGrid shows the database records that contain the movie images and description. In order to edit the description, simply double click the record and the DMXzone Lightbox will popup containing the Advanced HTML Editor 3, once saved the record is updated.

Motorcycle Dealer Demo

In this demo you can explore the possibilities of both the Ajax AutoComplete in the form fields and the Advanced HTML Editor 3 in the Featured Chopper section. In order to edit press Ctrl+Shift+2 and use username: demo, password: demo. 

*The online editing is possible with the Online Page Editor Add-on.

YouTubizer Add-on Live Demo

In this showcase you can test our latest addition of Add-ons to the Advanced HTML Editor 3, the free YouTubizer Add-on. All you need to do is click on the Youtube icon , search for an YouTube movie, place it in the editor and submit it for browser preview.

Picasa Gallery Demo

In this showcase you can test our latest addition of Add-ons to the Advanced HTML Editor 3, the Picasa Gallery Add-on. All you need to do is click on the Picasa icon , search for a Picasa Picture, place it in the editor and submit for browser preview.

• 

  Easter Page with File Management and Upload

  For this showcase we design a page with two editable regions that get active when you log in via the Online Page Editor Add-on (ctrl+shift+2 username: demo; password: demo). When you click the ...

• 

  Editing Online Page Showcase

  For this showcase we created a simple page with some content in it. With the help of the Advanced HTML Editor 3 and the Online Page Editor Add-on you can login and start editing directly in your ...

• 

  Full Content Editor Collection Showcase

  For this showcase we enabled all existing Add-ons for the Advanced HTML Editor 3 so you can try the collection functionality online. In order to open the editor use CTRL+SHIFT+2 (username: demo; ...

• 

  Online Editable App Store Showcase

  For this showcase we made some editable areas on the page so you can easily edit the text and images directly in the browser. In order to open the Online Page Editor Add-on - CTRL+SHIFT+2 ...

• 

  Organize Your Trip Showcase

  In this showcase we added a marker to point the location of our hotel. We used the polygon tool to sketch the different parts of the map and finally we changed the colors for the areas. Thanks to ...

• 

  Online Manageable MP3 Playlist Showcase

  In this showcase you can try how easy it is to manage your mp3 playlist online. Just use CTRL+SHIFT+2 in order the Online Page Editor Add-on to popup, type username: showcase; password: showcase and ...

• 

  Hotel Showcase

  In this showcase you can try how the HTML5 Slideshow works as an Add-on for the Advanced HTML Editor 3. In order to open the Online Page Editor - CTRL+SHIFT+2 (username: demo; password: demo). Once ...

• 

  Health Food Store demo

  In this showcase you can try how the DMXzone Nivo Slider works as an Add-on for the Advanced HTML Editor 3. In order to open the Online Page Editor - CTRL+SHIFT+2 (username: demo; password: demo). ...

• 

  Online T-shirts Store Showcase

  In this showcase we built up a simple online t-shirts store with different products that can be edited anytime and from anywhere. Check it out live to see how easy it is and how great it looks!

• 

  Fully Powered Editor Showcase

  In this showcase you can test the Advanced HTML Editor 3 and all of its Add-ons that has been released so far, commercial and free. All you need to do is login (username: demo, password: demo) and ...

• 

  Picasa Gallery Add-on Showcase

  In this showcase you can test our latest addition of Add-ons to the Advanced HTML Editor 3, the Picasa Gallery Add-on. All you need to do is click on the Picasa icon , search for a Picasa Picture, ...

• 

  Advanced HTML Editor 3 Showcase

  In this showcase you can experience all the features packed in the extension. Choose from the many designs, iconsets, toolbars and languages to see how they look like in the browser. You can also ...

• 

  Logistic Website Showcase

  This design is created with our amazing Universal CSS Navigation Menu, HTML5 Image Enhancer, Advanced HTML Editor 3 and Online Page Editor Add-on! Please note that the use of the Online Page Editor ...

• 

  Wedding Photographer Website Showcase

  In order to create such website, all you need is DMXzone Universal CSS Navigation Menu, Advanced HTML Editor 3 ,Online Page Editor Add-on and Picasa Gallery Add-on. *You can edit (CTRL+SHIFT+2) the ...

• 

  Youtubizer Add-on Live Showcase

  In this showcase you can test our latest addition of Add-ons to the Advanced HTML Editor 3, the free YouTubizer Add-on. All you need to do is click on the Youtube icon , search for an YouTube movie, ...

• 

  Easter Eggs Showcase

  In this showcase you can see the features packed in the Image Gallery Add-on for Advanced HTML Editor 3 as well as to try it on any of the supported browsers. DragDrop images (in Firefox and Chrome), ...

• 

  Ajax AutoComplete & HTML Editor 3 Bundle

  In this demo you can explore the possibilities of both the Ajax AutoComplete in the form fields and the Advanced HTML Editor 3 in the Featured Chopper section. In order to edit press Ctrl+Shift+2 and ...

• 

  Editing Dreamweaver Template Showcase

  In this showcase you can experience the power of Online Page Editor Add-on in collaboration with the Advanced HTML Editor 3. In order to enable the editing mode press: Ctrl+Shift +2. All you need to ...

• 

  Hotel Website Template Showcase

  In order to edit this template use the same key combo, username and password as the showcase above.

• 

  Advanced HTML Editor 3 Meets Ajax DataGrid and DMXzone Lightbox

  The Ajax DataGrid shows the database records that contain the movie images and description. In order to edit the description, simply double click the record and the DMXzone Lightbox will popup ...

• 

  Advanced Content Editor Bundle Showcase

  The demo will give you an impression of what Advanced HTML Editor 3 can do when combined with Pure ASP Upload 3 and Smart Image Processor ASP 2. The editor runs the same way if you use Pure PHP ...

Videos

Basic Usage

Using Advanced HTML Editor 3 with Insert Record Behavior
With this movie we will show you how to use Advanced HTML Editor 3 with default Dreamweaver Insert Record Behavior in order to insert its content into a database onsubmit.

Using Advanced HTML Editor 3 with Update Record Behavior
With this movie we will show you how to use Advanced HTML Editor 3 with standard Dreamweaver Update Record Behavior in order to update database records onsubmit.

Dynamic Usage

Insert, Upload and Resize Images in Advanced HTML Editor 3
With this movie we will  show you how easy it is to Upload, Resize and Insert images in Advanced HTML Editor 3 with the integrated Pure ASP Upload 3 and Smart Image Processor ASP 2 support.

Insert, Upload and Resize Images in Advanced HTML Editor 3
With this movie we will  show you how easy it is to Upload, Resize and Insert images in Advanced HTML Editor 3 with the integrated Pure PHP Upload 2 and Smart Image Processor PHP 2 support.

Online Page Editor Add-on

Using DMXzone Nivo Slider with Online Page Editor
With this movie we will show you how to use DMXzone Nivo Slider with Online Page Editor Add-on in order to insert and edit an image slider on your page.

 

Features Overview of Online Page Editor Add-on
With this movie we will show you the features packed in the Online Page Editor Add-on and how to use them.

Using Online Page Editor Add-on Without FTP on PHP/Linux Server
With this movie we will show you how to insert the Online Page Editor Add-on on your page and how to set up the Page Edit Security settings on PHP/Linux server.

 

Using Online Page Editor Add-on Without FTP on Windows IIS Server
In this movie we will show you how to insert the Online Page Editor Add-on on your page and how to set up the Page Edit Security settings on windows IIS server.

Image Gallery Add-on

Features Overview and Setting Up Image Gallery Add-on
With this movie we will show you how to enable the Image Gallery Add-on in your Advanced HTML Editor 3 and the main features packed in it.

Using Image Gallery Add-on in the Browser
With this movie we will show you how to use the Image Gallery Add-on as part of your Advanced HTML Editor 3 in the browser.

 

Upload and Manage Images in Advanced HTML Editor 3 on ASP Server
With this movie we will show you how to allow your users to upload and manage images in Advanced HTML Editor 3 on ASP server.

Picasa Gallery Add-on

Picasa Gallery Add-on Features Overview and Usage
With this movie we will show you the main features packed in Picasa Gallery Add-on and how to use it.

YouTubizer Add-on

YouTubizer Add-on Features Overview and Usage
With this movie we will show you the main features packed in YouTubizer Add-on and how to use it.

Requirements

This Extension Requires:

History

Version 1.2.2

• Greatly improved editor login functionality. Now login info is retained so that the users stays in edit mode as long as he cancels it with the same activation key.
• Full compatibility with servers that rewrite URLs
• Improved working for Dreamweaver templates
• Improved installer for Dreamweaver CS 6.1 (Adobe Creative Cloud) compatibility

Version 1.2.1

• Integration with the DMXzone Google Maps & Google Maps Drawing Add-on
  
• Added support for dynamic editor name attribute for support with ADDT
  
• Improved integration with add-ons that use dynamic code
  
• Improved file compression for even smaller file sizes
  
• Improved Dreamweaver integration and Editor Add-ons support
  
• New improved version of the dynamic loader requireJS
  
• Improved installer for for DW CS 5.5+ and Mac DW CS6

Version 1.2.0

• Integration with the DMXzone Nivo Slider
• Integration with the DMXzone Lightbox
• Editable Content is now read server-side instead of directly out of the page to preserve all original markup
• After editable content is saved, the whole page refreshes to allow running of any new widgets/addons.

Version 1.1.0

• Fully Compatible with Advanced HTML Editor 3
• Speed Performance
  

Version 1.0.3

• Improved FTP handling in ASP/ASP.NET sites
• Improved compatibility with older PHP versions
• Full support for dynamic upload paths for the Adv HTML Editor and add-ons
• Enforce UTF-8 page encoding automatically
• Improved auto sizing of the editor

Version 1.0.2

• New secure login possibility: Ajax Login Box! Now the username and password are never submitted over the net and verified very securely with MD5 encryption!
• The new Ajax Login Box makes security setup now very easy! There is no need for any extra server setup when you combine it now with FTP
• Improved editing of default pages
• Improved error reporting

Version 1.0.1

• Improved ASP version to handle Unicode (UTF-8)
• Improved working on older PHP servers with magic quotes on
  
• Improved automatic shared file copy, synchronization and upload from Dreamweaver
  
• Optimized source and CSS files for smaller size

Update Procedure:

• Install the new version
• Restart Dreamweaver
• Open the Online Page Editor Add-on user dialog and click OK to include the new files
• Go to the Advanced HTML Editor 3 user dialog and click OK