Search code examples
javascripthtmlfirefoxtextcontenteditable

Turn off grammar correction in a contenteditable div in FireFox


I have contenteditable div with text on it. In firefox, there is some kind of grammar correction which underlines the text with red marking. How can I turn it off? Why-do.you-underline-me-image

How do I turn off the red markings in FireFox?

<div contenteditable ='true'>Why do you underline me?</div>

JSFiddle: http://jsfiddle.net/26JkW/


Solution

  • There is no grammar-checking native to Firefox. Given that every word is being marked as incorrect, it is possible that you have the wrong language selected.

    To verify that you have the correct language selected for Firefox's dictionary: When typing in an editable field, right-click the input area. From the context menu, there is an option Languages. Ensure the expected language is selected.


    EDIT stealthyninja's answer below contains the method for disabling spell checking as the OP requested. This answer should not be taken as the solution.