Merge pull request #13236 from strapi/enh/wysiwyg-spellcheck

[Enh] Allow Wysiwyg spellcheck
strapi · May 6, 2022 · e8215ff · e8215ff
2 parents 0a48a33 + 85a4b0e
commit e8215ff
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 12 deletions.
diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/Editor.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/Editor.js
@@ -32,6 +32,8 @@ const Editor = ({
       readOnly: false,
       smartIndent: false,
       placeholder,
+      spellcheck: true,
+      inputStyle: 'contenteditable',
     });
 
     CodeMirror.commands.newlineAndIndentContinueMarkdownList = newlineAndIndentContinueMarkdownList;

diff --git a/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js b/packages/core/admin/admin/src/content-manager/components/Wysiwyg/tests/index.test.js
@@ -1257,18 +1257,6 @@ describe('Wysiwyg render and actions buttons', () => {
                 class="CodeMirror cm-s-default CodeMirror-wrap"
                 translate="no"
               >
-                <div
-                  style="overflow: hidden; position: relative; width: 3px; height: 0px;"
-                >
-                  <textarea
-                    aria-label="Editor"
-                    autocapitalize="off"
-                    autocorrect="off"
-                    spellcheck="false"
-                    style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; min-height: 1em; outline: none;"
-                    tabindex="0"
-                  />
-                </div>
                 <div
                   class="CodeMirror-vscrollbar"
                   cm-not-content="true"
@@ -1335,8 +1323,13 @@ describe('Wysiwyg render and actions buttons', () => {
                             class="CodeMirror-cursors"
                           />
                           <div
+                            aria-label="Editor"
+                            autocapitalize="off"
+                            autocorrect="off"
                             class="CodeMirror-code"
                             role="presentation"
+                            spellcheck="true"
+                            tabindex="0"
                           />
                         </div>
                       </div>