Drupal Tutorials and Blog Posts

Add a Spellchecker to Your Drupal WYSIWYG Editor

media_1351720011109.pngMost of us are used to having a spellchecker when we type. If we use Microsoft Word, Google Docs and most other writing tools, you're used to seeing a red line under your spelling mistakes.

If you'd like to add a similar spellchecker to your Drupal WYSIWYG editor, here's how to do it ...

Step 1) Installation

In order to add a spellchecker your WYSIWYG editor, it makes sense that you first need a WYSIGYG editor installed. In this example we're using TinyMCE. Click here for our instrucitons on installing TinyMCE.

We're going to install the Wysiwyg SpellCheck module: http://drupal.org/project/wysiwyg_spellcheck.

This installation will take a few minutes at least, so please follow these steps carefully.

In writing this tutorial, only the Development release worked successfully for me. It might be worth trying the Recommend release first and then th Development release if that doesn't work for you.

media_1351719756619.png

We also need to install the TinyMCE plugin that will provide the spellchecker.

media_1351717912797.png
  • Login to your Drupal site files.
  • Browse to /sites/all/libraries/tinymce/.
  • Locate the /plugins/ folder.
  • Upload the /spellchecker/ folder here, as in the image below.
media_1351718365349.png
  • The contents of the spellchecker folder should look like they do below:
media_1351718392515.png
  • In your Drupal site, go to Reports > Status Report.
  • Check that Wysiwyg TinyMCE spellchecker is marked as "Installed correctly".
media_1351718335707.png
  • In your browser, visit this URL: Visit http://YOURSITE/sites/all/libraries/tinymce/jscripts/tiny_mce/plugins/spellchecker/rpc.php
  • You should see the image below. If you don't, check that the permissions are correct for your TinyMCE and Spellchecker files and folders.
media_1351718732570.png

2) Using the Spellchecker

Now that the installation is complete, we can use the spellchecker.

  • Go to Configuration > Wysiwyg profiles.
  • Click edit next to a text format.
  • Open the Buttons and Plugins area.
  • Scroll down and enable the Spell check button.
media_1351718478097.png
  • Go to write a new content item.
  • You know that you've enabled the spellchecker correcty if you have a dropdown arrow next to the spellcheck. That dropdown will show different languages available in the spellchecker.
  • The spellchecker won't run automatically. Click the button to make it operate.
media_1351720011109.png

Comments

 
dalin
#1 dalin 2012-11-04 02:47

What browser today doesn't already have a spellchecker built-in?
 
 
spamjim
#2 spamjim 2012-11-08 14:29

dalin, IE does not spell check the input in this text area.

It nice to know that there are open source tools to make Windows users appear more educated. :)
 
 
Garry Lachman
#3 Garry Lachman 2013-04-10 10:00

WYSIWYG Here, Amazing Chrome extension that convert any textarea or input to WYSIWYG Editor.

chrome.google.com/.../...
 

Add comment


Security code
Refresh

blog-ad

Start Online Training

Members get access to all our video training. That's 1,142 training sessions in Joomla, Drupal, WordPress and Coding.

Manage All Your Joomla Sites

adminicredible

With Admincredible you can update and manage all your Joomla sites. If you have 5 or 500 sites, Admincredible will make your life easier! Visit Admincredible.com.

Latest Comments

The License for Our Tutorials

All of our tutorials are published under the Creative Commons Attribution-NonCommercial license. This means:

  • You can re-use these tutorials.
  • You can modify these tutorials.
  • You must link back to our original tutorial.
  • You can't use these tutorials commercially.

Click here to read the full license.

Open Source Training is not affiliated with or endorsed by the Joomla, WordPress or Drupal projects.
All product names and trademarks are the property of their respective owners.

Copyright 2013 Open Source Training, LLC. All rights reserved.