Apr 28

SADUG 002 : Wysiwyg API + TinyMCE

Tue, 04/28/2009 - 22:30 — darthclue

The second Drupal Users Group for San Antonio was held Tuesday night where we discussed wysiwyg editors and how to configure the Wysiwyg API with TinyMCE for Drupal.

A little background...

In the not too distant past it was painful to implement client-side wysiwyg editors and usually required alot of file editing.  With the advent of the Wysiwyg API it is now possible to implement a number of client-side editors quickly and in a fairly painless method.

How?

The following makes the assumption that you know how to perform a basic Drupal install and have access to a shell terminal.

In your terminal window, execute the following commands in the base Drupal directory:

cd sites/all/modules
tar -zxf /downloads/wysiwyg-6.x-1.1.tar.gz
cd wysiwyg
mkdir tinymce
cd tinymce
unzip /downloads/tinymce_3_2_2_3.zip

Now open your web browser and navigate to admin/build/modules for your site.

Enable the wysiwyg api module.

Navigate to admin/settings/wysiwyg/profile, select an editor to use for each of your input formats.  Click save once you're done.

Click edit and set the preferences for your chosen editor for each input formats.  Click save once you're done.

Now, when you create new content and choose the input format you will see the wysiwyg editor as you have configured it.  Each input format can have it's own configuration so that Full HTML and Filtered HTML will only show options relevant to that input format.