Khanh Hoang - Kenn
Kenn is a user experience designer and front end developer who enjoys creating beautiful and usable web and mobile experiences.
This tutorial will show you how to install the TinyMCE editor into Drupal 7.
By default, Drupal doesn't install with an editor in place so you'll need to install one to have any text formatting options. Here's how to install TinyMCE, perhaps the most popular editor for Drupal.
TinyMCE is not a Drupal not so we can install it directly. Instead we're going to install a module called Wysiwyg and we'll then upload the TinyMCE files seperately.
Go to http://drupal.org/project/Wysiwyg and download the Drupal 7 version of the Wysiwyg module.
In the admin area of your Drupal site, click on "Modules" and then "Install new module".
Click "Browse" and select the Wysiwyg module file that you just downloaded. Click "Install".
Go back to the "Modules" page scroll to the bottom. Check the box next to "Wysiwyg" and click "Save configuration".
Click "Configure" next to "Wysiwyg".
You'll see the configuration screen for the Wysiwyg module. The key thing to note is that we now to install TinyMCE itself. Scroll down until you find it listed amongst the other extensions.
Click "Download" next to TinyMCE.
You'll be taken to the main TinyMCE download page. Click "Download" next to the top entry in the "Main packages" area.
That's it. You've now installed TinyMCE. We now need to configure it to meet our needs:
Go back to the Wysiwyg module configuration screen. You can get here by going to "Configuration" then "Wysiwyg profiles".
Your screen will look like the one above.
Change the "Editor" settings to TinyMCE. and click "Save".
Click "Edit" next to one of the input formats.
Click the "Buttons and Plugins" tab and check the boxes next to the all options you'd like to use in the editor. Click "Save" to finish and repeat the process for the other input formats.
That's it - you're now done.
Go to "Add content" and you should now see the TinyMCE editor available whenever you write content: