How To Enable Spell Check in TinyMCE

Have you been searching the interwebs for a way to add spell check into TinyMCE? There are a few plugins, but the ones I found depend on a server-side script. This is annoying because Browsers have spell check built in.

Well, it turns out, TinyMCE proactively turns off the built in browser spell check. You can re-enable it by adding the “browser_spellcheck” and “gecko_spellcheck” options, like this:

tinymce.init({ 
  ...
  browser_spellcheck : true,
  gecko_spellcheck: true
});

I’m not sure why they have two different options. They have documentation for the browser_spellcheck, but I found out about the gecko_spellcheck elsewhere. I’m assuming they are for different versions of TinyMCE.

4 thoughts on “How To Enable Spell Check in TinyMCE

  1. It works to enable underlining of mispelled words but it does not allow to show corrections in context menu by right-clicking. Any ideas ?

  2. I was able to get the recommended corrections in the browser’s right click context menu inside the tinyMCE editor by removing the contextmenu plugin.

    In your tinyMCE.init function look for the “plugins:” line. It should have a long list of plugins separated by commas. Remove contextmenu.

    Of course, when you remove the contextmenu plugin you will not get any of the tinyMCE context menu features. For my application these features were not important and could be achieved via the toolbar.

Leave a Reply

Your email address will not be published. Required fields are marked *