Contribute to this guideReport an issue

Spell Checker and Spell Check As You Type Documentation

The Standard and Full CKEditor packages include the integrated spell checking functionality. It is an out-of-the-box solution provided by third-party plugins, WebSpellChecker and SpellCheckAsYouType (SCAYT), that use the WebSpellChecker.net web service.

When either of the plugins is enabled, the   button is automatically added to the toolbar. Depending on which plugin you use, it may contain numerous SCAYT options and open the Spell Check dialog window.

The out-of-the-box spell checking functionality is ad-supported. If you want to remove the ads, you can purchase a license here.

Spell Check As You Type (SCAYT)

The SpellCheckAsYouType (SCAYT) plugin checks the spelling of the text in the editing area immediately as you type it and marks all errors with a red wavy line. By default it needs to be enabled by choosing Enable SCAYT from the   toolbar button, but you can also configure SCAYT to start automatically on editor loading, like in the editor instance below.

Spell Checking in a Dialog Window

The WebSpellChecker plugin provides the Spell Check dialog window that lets you check the spelling of the document word by word. Additionally, for some languages a Grammar Checker and Thesaurus feature is also available.

Using Native Browser Spell Checker

By default, browser spell check functionality is disabled. Set the config.disableNativeSpellChecker configuration option to false to enable it. If the Context Menu plugin is enabled, it is necessary to hold the Ctrl key when right-clicking misspelled words to see the suggested corrections.

Get Sample Source Code

  • Spell Check As You Type (SCAYT)
                    <!doctype html>
    <html lang="en">
    
    <head>
      <meta charset="utf-8">
      <meta name="robots" content="noindex, nofollow">
      <title>Spell Check As You Type (SCAYT)</title>
      <script src="https://cdn.ckeditor.com/4.11.1/standard-all/ckeditor.js"></script>
    </head>
    
    <body>
      <textarea cols="80" id="editor1" name="editor1" rows="10">
    &lt;h1&gt;Apollo 11&lt;/h1&gt;
    
    &lt;p&gt;&lt;strong&gt;Apollo 11&lt;/strong&gt; was the spacflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot;&gt;Buzz Aldrin&lt;/a&gt;, on the Moon on july 20, 1969, at 20:18 UTC. Armstrong became the firrst to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.&lt;/p&gt;
    
    &lt;p&gt;Armstrong spent about &lt;s&gt;three and a half&lt;/s&gt; two and a halfhours outside the spacecraft, Aldrin slightely less; and together they collected 47.5 pounds (21.5&amp;nbsp;kg) of lunar material for return to Earth. A third member of the mission, &lt;a href=&quot;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, pilloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot;&gt;command&lt;/a&gt; spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.&lt;/p&gt;
    
    &lt;hr /&gt;
    &lt;p&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
    </textarea>
      <script>
        CKEDITOR.replace('editor1', {
          height: 250,
          // Remove the WebSpellChecker plugin.
          removePlugins: 'wsc',
          // Configure SCAYT to load on editor startup.
          scayt_autoStartup: true,
          // Limit the number of suggestions available in the context menu.
          scayt_maxSuggestions: 3
        });
      </script>
    </body>
    
    </html>
  • Spell checker in a dialog window
                    <!doctype html>
    <html lang="en">
    
    <head>
      <meta charset="utf-8">
      <meta name="robots" content="noindex, nofollow">
      <title>Spell checker in a dialog window</title>
      <script src="https://cdn.ckeditor.com/4.11.1/standard-all/ckeditor.js"></script>
    </head>
    
    <body>
      <textarea cols="80" id="editor2" name="editor2" rows="10">
    &lt;h1&gt;Apollo 11&lt;/h1&gt;
    
    &lt;p&gt;&lt;strong&gt;Apollo 11&lt;/strong&gt; was the spacflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot;&gt;Buzz Aldrin&lt;/a&gt;, on the Moon on july 20, 1969, at 20:18 UTC. Armstrong became the firrst to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.&lt;/p&gt;
    
    &lt;p&gt;Armstrong spent about &lt;s&gt;three and a half&lt;/s&gt; two and a halfhours outside the spacecraft, Aldrin slightely less; and together they collected 47.5 pounds (21.5&amp;nbsp;kg) of lunar material for return to Earth. A third member of the mission, &lt;a href=&quot;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, pilloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot;&gt;command&lt;/a&gt; spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.&lt;/p&gt;
    
    &lt;hr /&gt;
    &lt;p&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
    </textarea>
      <script>
        CKEDITOR.replace('editor2', {
          height: 250,
          // Remove the SpellCheckAsYouType (SCAYT) plugin.
          removePlugins: 'scayt'
        });
      </script>
    </body>
    
    </html>
  • Native browser spell checker
                    <!doctype html>
    <html lang="en">
    
    <head>
      <meta charset="utf-8">
      <meta name="robots" content="noindex, nofollow">
      <title>Native browser spell checker</title>
      <script src="https://cdn.ckeditor.com/4.11.1/standard-all/ckeditor.js"></script>
    </head>
    
    <body>
      <textarea cols="80" id="editor3" name="editor3" rows="10">
    &lt;h1&gt;Apollo 11&lt;/h1&gt;
    
    &lt;p&gt;&lt;strong&gt;Apollo 11&lt;/strong&gt; was the spacflight that landed the first humans, Americans &lt;a href=&quot;http://en.wikipedia.org/wiki/Neil_Armstrong&quot;&gt;Neil Armstrong&lt;/a&gt; and &lt;a href=&quot;http://en.wikipedia.org/wiki/Buzz_Aldrin&quot;&gt;Buzz Aldrin&lt;/a&gt;, on the Moon on july 20, 1969, at 20:18 UTC. Armstrong became the firrst to step onto the lunar surface 6 hours later on July 21 at 02:56 UTC.&lt;/p&gt;
    
    &lt;p&gt;Armstrong spent about &lt;s&gt;three and a half&lt;/s&gt; two and a halfhours outside the spacecraft, Aldrin slightely less; and together they collected 47.5 pounds (21.5&amp;nbsp;kg) of lunar material for return to Earth. A third member of the mission, &lt;a href=&quot;http://en.wikipedia.org/wiki/Michael_Collins_(astronaut)&quot;&gt;Michael Collins&lt;/a&gt;, pilloted the &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_Command/Service_Module&quot;&gt;command&lt;/a&gt; spacecraft alone in lunar orbit until Armstrong and Aldrin returned to it for the trip back to Earth.&lt;/p&gt;
    
    &lt;hr /&gt;
    &lt;p&gt;&lt;small&gt;Source: &lt;a href=&quot;http://en.wikipedia.org/wiki/Apollo_11&quot;&gt;Wikipedia.org&lt;/a&gt;&lt;/small&gt;&lt;/p&gt;
    </textarea>
      <script>
        CKEDITOR.replace('editor3', {
          height: 250,
          // Remove the WebSpellChecker and SpellCheckAsYouType (SCAYT) plugins.
          removePlugins: 'scayt,wsc',
          disableNativeSpellChecker: false
        });
      </script>
    </body>
    
    </html>