Back to Top
The nuts and bolts for
Creative web development

Online Page Editor Add-on

“Edit your Dreamweaver Template based pages directly online”

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.

The Online Page Editor 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

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). 
  • 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!

  • 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

  • Application Landing Page Showcase

    For this application landing page, we used the Advanced HTML Editor 3 to create editable areas, which are accessible for change directly in the browser with the help of Online Page Editor Add-on. In ...

  • Photo and Video Services Showcase

    For this showcase we used Advanced HTML Editor 3 and its Online Page Editor Add-on to create a page that is editable in the browser. To access the editor, press CTRL+SHIFT+2 and use username: demo; ...

  • Artist Personal Page Showcase

    For this showcase we used 3 amazing DMXzone extension to design a page that can be edited directly in the browser. The layout is created with the DMXzone Bootstrap and the edit is executed with ...

  • 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

Advanced HTML Editor 3 Main Features Overview
With this movie we will show you how to insert the Advanced HTML Editor 3 on your page and also give you a preview of the main features packed in it.

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.

 
 

Using Ajax Login Box as a Login Method for Online Page Editor Add-on

With this movie we will show you how easy it is to use the Ajax Login Box as a login method for Online Page Editor Add-on.

 

Using Online Page Editor Add-on with Dreamweaver Templates
With this movie we will show you how to use the Online Page Editor Add-on with Dreamweaver Templates.

 

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.

 
 

Upload and Manage Images in Advanced HTML Editor 3 on PHP/Linux Server
With this movie we will show you how to allow your users to upload and manage images in Advanced HTML Editor 3 on PHP/Linux 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.

 
 

HTML5 Slideshow

Using HTML5 Slideshow with Online Page Editor
With this movie we will show you how to use the HTML5 Slideshow with Online Page Editor Add-on.

 

Requirements

Type: Behavior
License: External link
Product: Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CC
Server Model: ASP VBScript, ASP.NET VB, PHP MySQL
Platform: Win XP/2000/2003/2008/7, Mac OS X, Mac OS X 10.4+
Browser: IE 8, IE 9, Safari 5+, Firefox 3.6, Firefox 4+, Chrome 10+, Opera 11
Screen Shot: External link


This Extension Requires:


Advanced HTML Editor 3

Meet the future of Content Editing

Creating beautiful and rich content online has never been easier. With the Advanced HTML Editor 3 you can enable editing of live text, images, tables and other content without any HTML knowledge, visually like in Microsoft Word. Turn the brand new, fully rewritten Advanced HTML Editor 3 into your own custom CMS with just a few clicks, directly from within Dreamweaver and make your websites dynamic and editable by your clients.The smart context menus and rich editing options will save you time ...

Read More

History

Version 1.3.0

Version 1.2.3

  • Full Dreamweaver CC and Extension Manager CC support
  • Included new Behavior Connector with restyled UI and better Mac OSX Support
  • Updated the automatic file copy and update component for better Dreamweaver CC support
  • Improved compatibility with the latest jQuery
  • Included latest jQuery 1.10.1
  • Improved Windows 8 compatibility

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

 

George Petrov

George PetrovGeorge Petrov is a renowned software writer and developer whose extensive skills brought numerous extensions, articles and knowledge to the DMXzone- the online community for professional Adobe Dreamweaver users. His expertise in countless languages and technologies gives inspiration and teach valuable lessons on his website – DMXzone.com, which is visited daily by more than 30.000 people and is most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Share this Article

Reviews

Simple & Elegant

For those of us looking to incorporate a simple CMS system for our customers, it doesn't get any more straightforward than this one.  Just set up the Div ID (or Dreamweaver Editable Region), and with a quick login your client has access to create their own page modifications....right in the page (not through a separate admin section).  With the add-ons that will surely be coming, this system may end up being the most flexible and easiest CMS to incorporate.

Great Extension

This makes my sites easy to update without the hassle of using Joomla or buying Adobe's overpriced Contribute software.

Online Page Editor ..

Haveing purchased many Extensions over the years , i have to say this is by far the best Extension i have purchsed , the amount of time it has saved me in incredable , normaly i would create a database CRM system for each of the web sites i develope , now i can do away with this and save me weeks of work .. Great Product !!