9K Views

Spellchecker for TinyMce

Updated 10 December 2021

Facebook Linkedin

TinyMCE is a quite popular editor.  This blog describes how one can integrate Spellchecker with TinyMCE editor.

Although in TinyMCE, You could enable default browser spellcheck like:

But, Browser Spell check is not suitable for cross-browser Support. Also, you would not be able to customize default browser check.

Create Custom Spellchecker

You can Create your own spellchecker, with TinyMCE spellchecker Plugin and any Translator service like

Google translator API,

Microsoft Translator service,

Yandex translator service

Let’s setup TinyMCE plugin (Client end)

Use Translator Api (At server end)

Now according to words for Spellcheck, Request Translator api. Then, return suggestions from api for words. Finally, those suggestions will be shown in TinyMCE by JavaScript code above.

Example: 

For Yandex Api,

  1. Get Yandex Api Key
  2. Fetch Spellcheck suggestions from http://speller.yandex.net/services/spellservice.json/checkText like

 

Useful links:

https://www.tinymce.com/docs/plugins/spellchecker/
https://www.tinymce.com/docs/configure/spelling/

. . .

Leave a Comment

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


Be the first to comment.