Verwenden eines Canvas -Elements als Textbereich

Question

Ich suche eine direkte Beschreibung der Verwendung eines Canvas -Elements wie ein Textbereich.

Ich habe Projekte wie gesehen wie As. Ich frage mich nur, wie man in die Gegend schreibt, als ob es ein Textbereich dort wäre. Nur einfacher Text, nichts Besonderes.

Danke im Voraus.

Answer 1

Ace war früher Mozilla Skywriter, der früher Mozilla Bespin war.

Der Code für Bespin ist eigentlich ziemlich einfach zu verstehen, ob Sie bereit sind, ihn durchzu graben und Ihre eigenen zu machen, aber er ist eine Art Narren -Besorgung. Die Canvas -Spezifikation berät tatsächlich speziell dagegen:

Autoren sollten vermeiden, Textbearbeitungssteuerungen mithilfe des Canvas -Elements zu implementieren. Dies hat eine große Anzahl von Nachteilen:

Mausplatzierung der Pflege muss neu implementiert werden.

Die Tastaturbewegung der Pflege muss neu implementiert werden (möglicherweise über Linien für einen Multiline -Texteingang).

Das Scrollen des Textfelds muss implementiert werden (horizontal für lange Zeilen, vertikal für Multiline -Eingaben).

Native Merkmale wie Kopien und Paste müssen neu implementiert werden.

Native Merkmale wie Zauberprüfung müssen neu implementiert werden.

Native Funktionen wie Drag-and-Drop müssen neu implementiert werden.

Native Funktionen wie die Seitenweite Textsuche müssen neu implementiert werden.

Native Funktionen, die für den Benutzer spezifisch sind, z. B. benutzerdefinierte Textdienste, müssen neu implementiert werden. Dies ist nahezu unmöglich, da möglicherweise jeder Benutzer unterschiedliche Dienste installiert hat und es eine unbegrenzte Reihe möglicher solcher Dienste gibt.

Bidirektionale Textbearbeitung muss neu implementiert werden.

Für multiline Textbearbeitung muss für alle relevanten Sprachen eine Linienverpackung implementiert werden.

Die Textauswahl muss neu implementiert werden.

Das Ziehen der bidirektionalen Textauswahl muss neu implementiert werden.

Plattform-native Tastaturverknüpfungen müssen neu implementiert werden.

Editoren (Plattform-Native Input Method Editors) müssen neu implementiert werden.

Rückgängig gemacht und redo -Funktionalität muss neu implementiert werden.

Zugänglichkeitsfunktionen wie Vergrößerung nach Pflege oder Auswahl müssen neu implementiert werden. Dies ist eine große Menge an Arbeit, und die Autoren werden am stärksten ermutigt, etwas davon zu vermeiden, indem sie stattdessen das Eingabeelement, das Textbereichselement oder das inhaltliche Attribut verwenden.

Answer 2

Inspizieren Sie die Live -Demo mit Chromshows, die Divs und Spans verwenden, um dies zu erreichen. Der blinkende Cursor ist ein Div, das regelmäßig zwischen versteckt und sichtbar zu wechseln scheint. Ich würde denken, dass sie nur die gedrückte Taste vom Ereignis überprüfen und sie in die entsprechende Zeitspanne für die Zeile schreiben.