und testen Sie aufgrund der inkonsistenten Unterstützung über Browser hinweg. Die Spracheinstellungen beeinflussen auch die Zauberprüfung, wobei einige Browser auf das Lang -Attribut oder die Systemsprache der Seite beruhen. Um ein vorhersehbares Verhalten zu gew?hrleisten, kombinieren Sie den Rechtschreibpunkt mit anderen Attributen und testen Sie über Plattformen hinweg.

Wenn Sie mit bearbeitbarem Inhalt in HTML arbeiten - wie ein contenteditable Div - kann das spellcheck spürbar auf die Umstellung von Browsern mit Rechtschreibvorschl?gen auswirken. Aber wie genau funktioniert es und was sind seine Macken?

Folgendes müssen Sie wissen.

---

Was spellcheck tut tats?chlich

Das spellcheck ist ein Boolescher, der dem Browser mitteilt, ob er eine Zauberprüfung auf ein Element erm?glicht oder nicht. Es funktioniert bei den meisten texthaltigen Elementen, insbesondere bei solchen, die bearbeitbar sind oder Eingaben formen.

So einstellen:

 <div intdlichung = "true" bellscheck = "true"> Geben Sie hier </div> ein

bedeutet, dass der Browser die Rechtschreibung als Benutzer prüft. Wenn Sie es auf false einstellen, überspringt der Browser im Allgemeinen die Zaubersprüche, um dieses Element zu überprüfen.

Aber-und das ist wichtig- nicht alle Browser respektieren diese Einstellung auf die gleiche Weise , insbesondere wenn sie sich mit nicht-Eingabelementen wie div oder span s befassen.

---

Wie es sich mit contenteditable verh?lt

Mit contenteditable werden die Dinge etwas nuancierter:

• Wenn spellcheck="true" : Der Browser unterstreicht normalerweise falsch geschriebene W?rter (normalerweise mit einer roten, welligen Linie) unter der Annahme, dass die Sprache und die Unterstützung des W?rterbuchs existieren.
• Wenn spellcheck="false" : Die meisten modernen Browser h?ren auf, Rechtschreibfehler in diesem Element hervorzuheben.

Einige Verhaltensweisen variieren jedoch:

• Chrome neigt dazu, spellcheck ziemlich konsequent zu ehren.
• Firefox kann je nach Einstellungen noch Grammatikprüfungen durchführen, wenn spellcheck ausgeschaltet ist.
• Safari ignoriert manchmal spellcheck="false" es sei denn, der Benutzer ist explizit konfiguriert.

Das Schalten von spellcheck deaktiviert auch andere Bearbeitungsfunktionen wie Kopieren/Einfügen, automatische Kapitalisation oder Autokorrektur. Diese werden separat kontrolliert (wenn überhaupt).

---

Praktische Tipps bei der Verwendung von spellcheck für bearbeitbare Inhalte

Wenn Sie so etwas wie einen reichen Texteditor oder benutzerdefinierten Eingabebereich erstellen, finden Sie hier einige nützliche Praktiken:

• ? Fügen Sie immer spellcheck="false" hinzu, wenn Sie eine Zauberprüfung auf Browserebene deaktivieren m?chten, insbesondere für stilisierte oder codische Eingaben.
• ? Test über Browser - Firefox und Safari k?nnen sich anders verhalten als Chrom.
• ?? Kombinieren Sie mit autocomplete="off" und autocorrect="off" um die vollst?ndige Kontrolle über das Eingabemittelverhalten zu erhalten:

   <div 
    inhaltlich = "true" 
    bellscheck = "false" 
    autocomplete = "off" 
    autocorrect = "off">
    Ihre Eingabe hier
  </div>

• ? Berücksichtigen Sie Sprache: Einige Browser verwenden die Systemsprache oder das lang -Attribut der Seite, um zu bestimmen, welches W?rterbuch zu verwenden ist.

Ein gemeinsamer Fall, in dem Sie die Zauberprüfung ausschalten m?chten? In einem Codeblock in einem WYSIWYG -Editor - ansonsten k?nnen Variablennamen oder Syntax als Tippfehler markiert werden.

---

Letzte Gedanken

Die Verwendung spellcheck für bearbeitbare Inhalte ist nicht kompliziert, aber es ist leicht zu übersehen, wie inkonsistenter Browserunterstützung sein kann. Es funktioniert am besten, wenn es mit anderen Attributen wie autocomplete und autocorrect und bei der getesteten Plattformen gepaart wird.

Wenn Sie also versuchen, das Eingabebedarf der Benutzer zu optimieren, verlassen Sie sich nicht nur auf spellcheck -auch in den anderen Steuerelementen. Auf diese Weise erhalten Sie eine vorhersehbarere Erfahrung.