TinyMCE on Drupal

TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor control released as Open Source under LGPL by Moxiecode Systems.

We are all familiar with the icons of Bold, Italics, Underline, Alignment, Justify, Link, Bullets, Numbering, etc. but TinyMCE brings this to the Web wherein formatting of text becomes very easy for non-HTML users.

Drupal is one of the most famous CMS (Content Management Systems) which make it very easy to host a complete website of your own. On a Linux box (Ubuntu 9.04) Apache2 HTTP web server and MySQL database here’s how to go about installing TinyMCE at the Drupal create content page. On most other systems too the procedure should be similar.

So basically download the TinyMCE module for Drupal depending on your Drupal version. Many versions run parallely in most cases. So a 5.x or a 6.x will be used for that corresponding Drupal version. Extract this in your drupal/modules/ folder.

We have just downloaded the integrator for Drupal. You still need to download the actual TinyMCE module. Once this is downloaded, extract it to the tinymce folder that was just created earlier, i.e. in drupal/modules/tinymce/ folder.
Further, lets enable the module. Login as administrator and go to Administer -> Site Building -> Modules: Enable TinyMCE. Check and save configuration.

Then, we need to set permissions for authenticated users to be able to use this TinyMCE page creation. Go to Administer -> User Management -> Permissions: TinyMCE enable access tinymce for authenticated users. administer tinymce need not be enabled.

Create a profile for the TinyMCE user by going to Administer -> Site Configuration -> TinyMCE Settings: Create New Profile with any name and whatever options you wish. Most of the default selections are what you’ll need, just select those icons which you want to see in the Buttons and Plugins page. Tinker around with that page for more customization.

Go to Create Content -> Page and see your TinyMCE in action!

Advertisements

One thought on “TinyMCE on Drupal

  1. Pingback: Your OWN Web Server and Website – II « The Technical Experience Page

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s