ASU Web Community

TinyMCE: Install & Configure

TinyMCE is a WYSIWYG editor for Drupal 5. It gives you the ability to use a GUI to change all sorts of text formatting in a standard drupal text input box. To install it on your site, there is a two step process you must follow. First, you must download and install the module for drupal, which allows TinyMCE to be used on your site. Second, you must download the actual editor itself, and install it into your site.

Installation of the Drupal module:

  1. Download the latest official release of the drupal module, tinymce.tar.gz (click here for the download page). It will be a file that looks similar to this: tinymce-5.x-1.9.tar.gz
  2. Upload the file to the "modules" directory in your instance of Drupal.
  3. Extract the file using the DirectAdmin File Manager.

Installation of TinyMCE editor:

  1. Download the tinymce editor (click here for the download page). It will be a file that looks similar to this: tinymce_2_1_1_1.zip.
  2. Upload the file into the modules/tinymce directory in your instance of Drupal.
  3. Extract the file using the DirectAdmin File Manager.

Just to clarify, you'll have a folder in modules (modules/tinymce) which contains the drupal module. Inside that, you'll have a folder (modules/tinymce/tinymce) which contains the actual editor software.

Configuration:

  1. Click on Administer -> Modules -> and scroll down to TinyMCE and enable it.
  2. Click Administer-> Site Configuration -> TinyMCE.
  3. Click permissions.
  4. Make sure all users you want to have access have been checked under the TinyMCE module, then click save permissions.

Create a profile for TinyMCE

  1. Now we have to create a profile for TinyMCE. Click Administer -> Site Config -> TinyMCE. Then click "create a new profile."
  2. Put in "tiny" for the profile name, and set the default state to true.
  3. Click the buttons link and choose whichever buttons you'd like to show up in the wysiwyg editor window (bold, italic, etc).
  4. Click create profile.

Setup the tags so that tinymce works:

  1. Click Administer -> Site Configuration -> Input Formats. Now, find the "filtered html" line and click the corresponding configure link. Up at the top of the screen, next to View, click Configure.
  2. Scroll down to "Allowed HTML tags," and at the end of the list, enter two more tags, <u> & <p>.
  3. Click save configuration.

You're ready to create a new story, page, etc with your new editor!

 

If you get stuck, there is a really great video online that will help walk you through this. You can see it here.

AttachmentSize
tinymce.tar.gz525.82 KB