Установка языка проверки правописания в Google Chrome

Я пытаюсь создать простое редактируемое поле (для публикации), комбинируя проверку орфографии:

<div contenteditable="contenteditable" spellcheck="spellcheck" lang="en">text</div>

(http://www.wufoo.com/html5/attributes/17-spellcheck.html)

Это работает, но в Google Chrome проверка орфографии не определяет язык. (несмотря на указанный атрибут @lang)

"Ошибка" исправлена ​​в Firefox: https://bugzilla.mozilla.org/show_bug.cgi?id=338427

Но я не могу ничего найти о реализации Google Chrome. Есть ли способ уведомить проверку орфографии о ожидаемом языке в поле HTML5? Может быть, что-то в <head> как charset, meta lang и т.д.

ОТВЕТЫ

Ответ 1

Атрибут spellcheck еще не реализован во всех браузерах. Если это так, необходимо исправить некоторые ошибки.

Согласно W3Schools:

enter image description here

Когда я перейду к ссылке, упомянутой выше (в Chrome 22), есть некоторые ошибки. Проверка орфографии гласит, что "ключ" ошибочен, а двойной щелчок на некоторых словах означает, что он также обозначен как орфографический. Я выбрал венгерский язык для проверки орфографии.

ПРИМЕЧАНИЕ. Язык можно изменить, щелкнув правой кнопкой мыши на входе, но вам нужно перезагрузить страницу.

Также есть некоторые браузеры, в которых проверка орфографии происходит в настройках.

Как я увидел в комментариях, bwitkowicz упомянул решение с JS.

function updateStatus() {
    console.log("updating");
    $("#spellStatus").text( String( $("#textContent").attr("spellcheck") ) );
    $("#editStatus").text(  String( $("#textContent").attr("contentEditable") ) );    
}

$(function() {
    updateStatus();
    
    $("#spell").ready(function() {
        console.log("spell");
        $("#textContent").attr( "spellcheck", function(ix,old) {
            old = old === "false" ? false : true;
            console.log("setting " + (!old));
            return old;
        });
    });
    $("#edit").ready(function() {
        console.log("edit");
        $("#textContent").attr( "contentEditable", function(ix,old) {
            old = old === "false" ? true : false;
            console.log("setting " + (!old));
            return !old;
        });
    });
    
    $("#spell, #edit").ready(updateStatus);
    
});
#spell, #edit, #spellStatus, #editStatus {
     display: none;   
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<div><button id="spell">Toggle Spellcheck</button><span id="spellStatus"></span></div>
<div><button id="edit">Toggle Editable</button><span id="editStatus"></span></div>
<div id="textContent" style="padding: 5px; border: 1px solid black;">
Here is some texxt with spellung erreurs. Also you have to click inside the div to chekc erorrrrs.
</div>