Nate
Nate

Reputation: 28374

How to enable browser spell check in CKEditor 4?

Supposedly CKEditor has built-in spell check, but I've never seen it work (not even on their live demo site) and so in CKEditor 3 I added the following to the config function to enable browser spell check and enable the browser context menu:

config.disableNativeSpellChecker = false;
config.removePlugins = 'scayt,menubutton,contextmenu';

However, this doesn't seem to work in CKEditor 4.

How can I enable the browser spell checker and context menu in CKEditor 4?

Upvotes: 8

Views: 8432

Answers (5)

pd_au
pd_au

Reputation: 111

Thought a summary of all helpful answers might help.

Permanent

// Prevent CKEditor disabling a browser's native spell checking feature
config.disableNativeSpellChecker = false;
    
// Disable CKEditor's SpellCheckAsYouType plugin;
// Disable CKEditor's contextmenu plugin
config.removePlugins = 'scayt,contextmenu';

Partial, temporary

If you need CKEditor's contextmenu plugin (for use with another plugin) your user's will be required to hold the Ctrl key to temporarily disable CKEditor's contextmenu plugin and access the browser's native spell checking feature, via the browser's usual context menu, for each and every word they want to adjust.

// Prevent CKEditor disabling a browser's native spell checking feature
config.disableNativeSpellChecker = false;
    
// Disable CKEditor's SpellCheckAsYouType plugin;
// Disable CKEditor's contextmenu plugin
config.removePlugins = 'scayt';

Upvotes: 0

g1ji
g1ji

Reputation: 1129

In order to enable browsers spelling checker you should add following configuration:

config.removePlugins = 'liststyle,tabletools,scayt,menubutton,contextmenu';

Upvotes: 1

Sergey Ponomarev
Sergey Ponomarev

Reputation: 3181

It happens because contextmenu plugin is required by other plugins: Plugin "contextmenu" cannot be removed from the plugins list, because it's required by "liststyle" and "tabletools" plugin.

But actially spellcheck should work, but since the Context Menu plugin is enabled, it is necessary to hold the Ctrl key when right-clicking misspelled words to see their suggestions.

Refer CKEditor Spell Checking documentation

Upvotes: 6

Babu
Babu

Reputation: 165

Please enable the scayt in toolbar placed in config.js. Please make sure you have included 'Scayt' if you rendered the editor with custom toolbar.

Upvotes: -2

Nate
Nate

Reputation: 28374

I found that using the CKEditor Builder and removing SCAYT plugin, then putting the code in my question in the config function works.

Upvotes: 1

Related Questions