Drupal WYSIWYG editor Setup w/ Google Spellcheck

The WYSIWYG API module allows to users of your drupal site to use many different WYSIWYG (What You See Is What You Get) Web browser based editors for editing content. This module is the up and coming WYSIWYG module and has overtaken other modules of this type. This module depends on other modules and third-party editor libraries (often based on JavaScript). Libraries like SpellCheck or modules like IMCE Wysiwyg bridge and Insert. Follows is my generic set up for WYSIWYG editor Setup using TinyMCE and Spellcheck including adding additional input formats:

• Wysiwyg SpellCheck module project page: Drupal 5 & 6
• Wysiwyg SpellCheck module project page: Drupal 6, w/ TinyMCE
  • w/ tinymce.moxiecode.com: TinyMCE & PHP Spellchecker

1. read the wysiwyg/README.txt
2. read the wysiwyg_spellcheck/INSTALL.txt
3. Install Wysiwyg API module
4. Install Wysiwyg SpellCheck module
5. Install the TinyMCE editor: Administer > Site configuration > Wysiwyg (follow the displayed installation instructions, note instructions on folder names)
   • TinyMCE, works w/ IMCE and Image Assist & has lots of config options
     • my current favorite, (integrates with everything, inc. Google spellchecking!)
     • tinymce.moxiecode.com
     • last tested Version: 3.3
     • Extract the archive and copy its contents into a new folder in the following location: sites/all/libraries/tinymce
     • So the actual library can be found at: sites/all/libraries/tinymce/jscripts/tiny_mce/tiny_mce.js
6. Install TinyMCE spellchecker plugin
   • download TinyMCE "PHP Spellchecker" plugin from http://tinymce.moxiecode.com/download.php moxiecode
     • extract to sites/all/libraries/tinymce/jscripts/tiny_mce/plugins/spellchecker/
   • Edit wysiwyg_spellcheck/tinymce/spellchecker/config.php
     • Uncomment one of the lines that select which spellchecker to use, defaults using Google spellchecker.
   • modify sites/all/modules/wysiwyg/editors/tinymce.inc as per: http://drupal.org/node/287321#comment-2214926
   • Configure WYSIWYG profiles to show TinyMCE spellcheck button
     • Verify that TinyMCE shows the new button, and highlights misspelled words
7. Create additional User Roles you may need: Home › Administer › User management
   • ie. "Site Editor" or "Client Editor"
8. Configure: Administer > Site configuration > Input formats
   • add a new input format (ie "HTML editor"), assign it to trusted roles
     • disable "HTML filter", "Line break converter", and (optionally) "URL filter".
   • if you want an editor for "simple HTML" then also add a new input format (ie "Simple editor"), for the public
     • keep "HTML filter" ON.
9. Setup editor profiles: Home > Administer > Site configuration > Wysiwyg profiles.
   • select an Editor for the Input format
   • Edit TinyMCE profile to add whatever buttons you need for your uses (spellcheck, safari, paste, paste from word)
   • note: different fields can have different profiles (ie. "simple editor" and "HTML editor")

Notable Notes

• This posting built from and supersedes this previous post: Wysiwyg API module in Drupal 5 & 6 = So many Wysiwyg editors!
• Pay attention to install instructions on editors and spellcheck plugins you may need to rename the folder when unarchiving
• other editors you can use w/ WYSIWYG:
  • FCKeditor (works w/ IMCE & has lots of config options): www.fckeditor.net
  • NicEdit w/ optional HTML edit pane (nicCode), looks nice):nicedit.com
  • jWYSIWYG: code.google.com/p/jwysiwyg
  • markItUp: markitup.jaysalvat.com
  • Whizzywig: www.unverse.net
  • YUI: developer.yahoo.com/yui/editor
• http://drupal.ckeditor.com/tricks