Change the wwworld…one page at a time

WYSIWYG Editing of DRUPAL Content

Adobe Contribute is a WYSIWYG editor which helps the user in creating and managing the website content as well as creating and editing of the blog entries. It supports movable type, WordPress and Typepad.

As most of you might know, Drupal helps to host sites and also enables the user to edit/view the content using blog editors via blogAPI.

In the following sections, lets see how Contribute can help in WYSIWYG editing of the web content managed by Drupal.

Modules required

Enable the following native modules that come along with the default Installation of Drupal.

Drupal is set to ‘Filtered HTML’ by default and hence does not preserve the styles applied by the user. Enable ‘Full HTML’ option in Administer à Site Configuration à Input Formats Link.

Drupal Configuration

Following section explains the configuration that needs to be done in Drupal.

Contribute works with Drupal when the cleanURL’s are enabled. Enable clean URL in the site configuration settings. In order to enable the same please ensure if mod_rewrite module is enabled in Apache. This can be done by un-commenting the following line in httpd.conf configuration file.

“LoadModule rewrite_module modules/mod_rewrite.so”

Contribute connects to Drupal using the blog API. Enable the Blog API module available in the module settings and also check the content type (page or story) that can be accessed via Blog API.

URL aliases option appears in the site building settings when path and path auto modules are enabled. Navigate to the automated alias settings and expand the node path settings. Pattern needs to be set for the content path to enable contribute to fetch the entries. Set the pattern for all page and story paths to “blog/1/[nid]”

URL redirects option appears in the site building settings when path redirect module is enabled. Navigate to Add redirect tab, add “http://<server_URL>/blog/1” and “http://<server_URL>” in “From” and “To” fields respectively and save it.

For example,

If the server URL is “http://drupalserver.com” then the “From” and “To” entries are “http://drupalserver.com/blog/1” and “http://drupalserver.com”

For contribute to support upload of files inline or as enclosures the Upload module has to be enabled. Ensure that the user is provided with permissions to upload file. The type of files allowed for uploading is defined in the blogAPI link under Administer à Site configuration.

Once all these settings are in place, Users can use the WYSIWYG contribute CMS for publishing or editing blog entries.

Please click on the below links to watch Captivate movie on Configuring Drupal and Using Contribute to edit Drupal Content. (comment: this will be there in the entry)