Wymuś sprawdzanie pisowni na obszarze tekstowym w pakiecie WebKit

Question

Tworzę przeglądarkę opartą na przeglądarce/aplikacji do wprowadzania danych, która pozwoli użytkownikom edytować pliki OCRed, które naturalnie mają mnóstwo błędów. Fragmenty danych są umieszczane w tekstach, aby można je było sprawdzić, ale czerwone podkreślenia pojawiają się tylko wtedy, gdy użytkownik ręcznie wstawi kursor do błędnie napisanego słowa.

Czy istnieje sposób na zmuszenia WebKita do dodania małych podkreśleń redagowania czarów do obszarów tekstowych?

Answer 1

Zasadniczo musisz użyć api wyboru, aby przesunąć punkt wstawiania nad każdym słowem, aby Safari go podświetliło. Oto przykład skanować przez pierwsze tysiąc słów ...

textarea = document.getElementById("mytextarea"); 
textarea.focus(); 

var selection = window.getSelection(); 
selection.modify("move", "backward", "line"); 
for (var i = 0; i < 1000; i++) { 
    selection.modify("move", "forward", "word"); 
} 

// Remove focus from the element, since the word under 
// the cursor won't have a misspelling marker. 
textarea.blur(); 

Kod ten został zniesiony z WebKit Layout test suite.

Answer 2

Nie mam pojęcia, czy to zadziała, czy nie, ale możesz spróbować grać z materiałem do wyboru. Innymi słowy, po zaktualizowaniu textarea (i chce „odświeżyć” to zrobić czerwoną podkreślenia show), może być w stanie zrobić coś takiego:

var length = document.getElementById('TEXTAREA#your').value.length; 
document.getElementById('TEXTAREA#your').setSelectionRange(0, length); 

Można znaleźć trochę więcej na temat użyj wyborów tutaj: How do I select arbitrary text on the page using javascript? lub przez wyszukiwarkę Google.

Uważam, że utworzenie selekcji (lub usunięcie jej po utworzeniu) może wywołać inne zdarzenie przeglądarki, które powoduje odświeżanie pisowni ... ale to tylko pomysł; może zrobić dokładnie to samo, co ustawienie textArea.value (tj. nic).

Answer 3

Jest możliwe, że jeśli używasz Doctype HTML5, możesz użyć atrybutu sprawdzania pisowni. A similar question was asked here on StackOverflow i zagłębia się głębiej w atrybut sprawdzania pisowni.

Answer 4

Świetna odpowiedź Mark Fowler, tutaj jest poprawa na nim:

textarea = document.getElementById("mytextarea"); 
textarea.focus(); 
var textLength = textarea.value.length; 

var selection = window.getSelection(); 
for (var i = 0; i < textLength; i++) { 
    selection.modify("move", "backward", "character"); 
} 

// Remove focus from the element, since the word under 
// the cursor won't have a misspelling marker. 
textarea.blur(); 

Więc można uniknąć niepożądanego 1000 numer i może obsługiwać kilka linii.