TinyMCE

The TinyMCE module adds a what-you-see-is-what-you-get (WYSIWYG) html editor to normal textareas. This enables users to create rich text in the manner of Open Office or Microsoft Word without having to know HTML markup.

The Editor itself is maintained by Moxiecode Systems AB and is used by many different content management systems. A browser compatibility chart is available at the Moxiecode website.

Note for Drupal 5 and 6 users: TinyMCE module has been replaced by wysiwyg api where the install process is easier and different from the one described here.

Installing TinyMCE

  1. Download the Drupal TinyMCE Module.
  2. Download the TinyMCE files from the Moxiecode Systems AB web site. It is this module that enables the TinyMCE editor to be used within Drupal. Make sure you download the right version of TinyMCE. If you're on Drupal 5.x, then you'll need to download the 2.1 branch. The D6 version of the module (in dev at this time) uses the 3.x branch. You can find all versions of TinyMCE on Sourceforge
  3. Untar or unzip the Moxiecode file and copy the resulting directory called tinymce into the drupal TinyMCE module's directory. After you have finished copying the Moxiecode TinyMCE directory into your drupal code base, the path to it should look like: ..public_html/sites/all/modules/tinymce/tinymce. The exact path may vary depending on where you have drupal running, but the point to remember is that the Moxiecode tinymce folder(directory) which contains the TinyMCE editor's engine must go inside the drupal tinymce module's directory. (TinyMCE 5.2 users: copy the TinyMCE files into the module's includes folder).
  4. Enable the module as usual at Administer>>Site Building>>Modules (../admin/build/modules).

Watch a screencast detailing the installation and configuration of TinyMCE. Alternative installation screencast

Watch a screencast detailing the installation and configuration of Spellcheck and Teaser Break TinyMCE plugins.

TinyMCE Profiles

TinyMCE uses profiles to define which user(s) receive Editor capability, and on which pages the Editor is displayed. Editor buttons and themes are enabled on a per-profile basis as well. The default profile setting uses the "simple" TinyMCE theme which shows the minimal button set (bold, italic, underline, etc).

Per-profile options also exist to turn on or off the Editor for those users, or even to allow/disallow users the ability to toggle TinyMCE on the fly while editing a text node.

Create, modify, and delete your TinyMCE profiles at Administer > Site Configuration > TinyMCE (5.x)

User Roles and Access Control

TinyMCE profiles are attached to users via the Access Control settings at Administer > User Management > Access Control (5.x) Remember that if a user is a member of Roles attached to multiple TinyMCE profiles, they will receive the profile with the lowest Role ID they belong to.

Administer per-user roles at Administer > Roles (5.x)

Change user's TinyMCE preferences via their individual accounts at Administer > User > Edit (5.x)

Please file issues, read about known bugs, and download the latest version on the TinyMCE project page.

Adding the TinyMCE header plugin

Formating controls for headings (h1, h2, h3...) are not included in the base TinyMCE package. However there is a 3rd Party TinyMCE plugin

Disable TinyMCE for dynamically named textareas

description

Full XHTML 1.0 Strict validation of tinyMCE output

Note that this is done by removing all invalid elements and attributes, so then part of the buttons become useless.

Speed up loading TinyMCE by turning on disk caching

A common observation with the TinyMCE editor is that your site, under certain TinyMCE settings and conditions, can slow down quite

TinyFCK — TinyMCE with FCKEditor file manager

Русская версия: http://nesov.org.ua/index.php?entry=entry071025-152315

Tinymce gzip compressor and Drupal 5

To enable gzip compression for Tinymce and Drupal:

internal links that use path with TinyMce

Drupal 5

Guide maintainers

peacho's picture