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.

The Online Page Editor Add-on works only with Advanced HTML Editor 3

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


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.

 
  • Insert and Edit Nivo Slider 3 with Online Page Editor
    Interactivity – Insert and edit DMXzone Nivo Slider 3 on a static HTML page
  • Manage your HTML5 MP3 Player Playlist Online
    – Amaze your users with a fantastic HTML5 MP3 Player playlist
  • Using HTML5 Slideshow with Online Page Editor
    – Create your slideshows directly from the browser
  • Using DMXzone Nivo Slider with Online Page Editor
    – Edit your Nivo Slider directly in the browser
  • Using Ajax Login Box as a Login Method for Online Page Editor Add-on
    – Verify your username and password securely with MD5 encryption
  • Using Online Page Editor Add-on with Dreamweaver Templates
    – Edit your Dreamweaver Templates with Online Page Editor Add-on
  • Features Overview of Online Page Editor Add-on
    – Explore the features of the Add-on and learn how to use them
  • Using Online Page Editor Add-on Wthout FTP on PHP/Linux Server
    – Learn how to set the security settings on PHP/Linux server
  • Using Online Page Editor Add-on Without FTP on Windows IIS Server
    – Learn how to use the Online Editor Add-on on Win IIS Server
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

History

Version 1.5.1

  • Included the latest jQuery 1.11.1
  • Improved for Dreamweaver CC 2014
  • Improved for DMXzone Extension Manager

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 most popular for its over high-quality Dreamweaver extensions and templates.

See All Postings From George Petrov >>

Place your review about Online Page Editor Add-on




You must me logged in to write a review
Reviews
Simple & Elegant
May 8, 2011 by Brian Cook

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
May 6, 2011 by Tom Ellison -Newton

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

Online Page Editor ..
May 3, 2011 by tim ormrod

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 !!