{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 SAY GOODBYE 的问题《Turn off grammar correction in a contenteditable d》','https://www.manongdao.com/q-382532.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
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?
How do I turn off the red markings in FireFox?
<div contenteditable ='true'>Why do you underline me?</div>
JSFiddle: http://jsfiddle.net/26JkW/
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.
According to MDN:
So to disable spellcheck, not only do I add
spellcheck="false", but I also add alangtag with a dictionary not found on the users computer.This should work on most systems outside of Kronos.
Try --
Since the above is a Firefox-only attribute, if you're concerned about validation, you can also use jQuery to set the attribute, e.g.
Update
It seems in Firefox you have to set
spellcheck="false"on<body>. See http://jsfiddle.net/26JkW/5/