Отключить коррекцию грамматики в contenteditable div В FireFox

У меня есть contenteditable div с текстом на нем. В firefox есть какая-то грамматическая коррекция, которая подчеркивает текст с красной маркировкой. Как я могу его выключить? Why-do.you-underline-me-image

Как отключить красные метки в FireFox? 

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

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

8
contenteditable firefox html javascript text

3 ответов

в Firefox нет проверки грамматики. Учитывая, что каждое слово помечается как неправильное, возможно, вы выбрали неправильный язык.

чтобы убедиться, что выбран правильный язык для словаря Firefox: при вводе в редактируемое поле щелкните правой кнопкой мыши область ввода. В контекстном меню есть опция языки. Убедитесь, что выбран ожидаемый язык.

редактировать stealthyninja по ответ ниже содержит метод отключения проверки орфографии по запросу OP. Этот ответ не следует принимать за решение.

4

попробовать --

<textarea spellcheck="false"></textarea>

поскольку выше приведен атрибут только для Firefox, если вы обеспокоены проверкой, вы также можете использовать jQuery для установки атрибута, например 

$('.textarea_you_want_to_target').attr('spellcheck', false);


обновление

кажется, в Firefox вы должны установить spellcheck="false" on <body>. См.http://jsfiddle.net/26JkW/5/

17

по данным MDN:

начиная в Gecko 9.0 (в Firefox 9.0 / 9.0 в Thunderbird / SeaMonkey 2.6 не), проверка орфографии использует <input> атрибут Lang элемента к определите язык проверки орфографии по умолчанию. Если <input> не имейте атрибут lang, этот атрибут ищется каждый последующий родительский элемент и вверх к корневому узлу, пока он не будет найден.

поэтому, чтобы отключить проверку орфографии, я не только добавляю spellcheck="false", но Я также добавил lang тег со словарем не найден на компьютере пользователя. 

<div contentEditable="true" lang="klingon" spellcheck="false"></div>

Это должно работать на большинстве систем за пределами Кронос.

2