Skip to content

Native spellcheck (nativeSpellcheck) doesn't work, has unnatural custom style, doesn't allow adding corrections to dictionary #617

@FishieCat

Description

@FishieCat

Leaving the options empty or adding spellChecker: false and nativeSpellchecker: true should

  1. make spelling mistakes appear as they would in any ol' normal textarea
  2. allow right clicking to add corrections to the browser spellchecker dictionary

EasyMDE doesn't. Unless this 2020 comment is still valid.

To Reproduce

Below is the code based on and tested at https://stackblitz.com/edit/easymde :

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>EasyMDE demo</title>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css"
    />
    <script src="https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js"></script>
  </head>

  <body>
    <textarea id="my-text-area">
A spellink mistake.
Blueb erry wh ine.
Astount ing..</textarea>
    <script>
      const easymde = new EasyMDE({
        
        // START INSERTING

        
        // END INSERTING
        element: document.getElementById('my-text-area'),
        sideBySideFullscreen: false
      });
    </script>
  </body>
</html>

Paste the above into https://stackblitz.com/edit/easymde and add a space to the text area to trigger the spell check.

Then add

        spellChecker: false,
        nativeSpellchecker: true,

to the INSERTING commented area and trigger spellcheck again.

Expected behavior

  1. I can add terms to the native spellchecker dictionary
  2. The default, familiar browser style marking of spelling mistakes is used

Both are visible in this ckeditor5 issue

Also here's a screenshot of both visible while writing this ticket:

vvvvvvvvvvvvvvvvSCREENSHOTvvvvvvvvvvvvvvvv
Image
^^^^^^^^^^^^^SCREENSHOT^^^^^^^^^^^^^

Actual behavior

  1. Adding terms to dictionary via context menu when right clicking on typos is not being offered
  2. Nonstandard style to mark typos is used (pink background)

vvvvvvvvvvvvvvvvSCREENSHOTvvvvvvvvvvvvvvvv
Image
^^^^^^^^^^^^^SCREENSHOT^^^^^^^^^^^^^

Version information

  • Current CDN version
  • Windows Chrome and Firefox

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions