Usando un elemento tela come textarea

Question

Sto cercando una descrizione semplice di come utilizzare un elemento di tela come un'area di testo.

Ho visto progetti come Asso. Mi chiedo solo come scrivere nell'area come se dovesse un textarea. Solo testo semplice, niente di speciale.

Grazie in anticipo.

Answer 1

Ace era Mozilla Skywriter, che era Mozilla Bespin.

Il codice per Bespin è in realtà piuttosto semplice da capire se sei disposto a scavare e crearne uno tuo in base a esso, ma è una specie di commissione di sciocchi. Le specifiche di tela in realtà consigliano specificamente contro questo:

Gli autori dovrebbero evitare di implementare i controlli di modifica del testo usando l'elemento tela. Ciò ha un gran numero di svantaggi:

Il posizionamento del topo del cuori deve essere reimplementato.

Il movimento della tastiera del CURET deve essere reimplementato (possibilmente attraverso le righe, per l'input di testo multiline).

Lo scorrimento del campo di testo deve essere implementato (orizzontalmente per linee lunghe, verticalmente per l'ingresso multiline).

Le caratteristiche native come la copia e incolla devono essere reimplementate.

Le caratteristiche native come il controllo ortografico devono essere reimplementate.

Le caratteristiche native come il drag-and-drop devono essere reimplementate.

Le funzionalità native come la ricerca di testo a livello di pagina devono essere reimplementate.

Le funzionalità native specifiche per l'utente, ad esempio i servizi di testo personalizzati, devono essere reimplementate. Ciò è vicino a impossibile poiché ogni utente potrebbe avere servizi diversi installati e c'è una serie illimitata di possibili servizi.

L'editing di testo bidirezionale deve essere reimplementata.

Per la modifica del testo multilinea, è necessario implementare la confezione di linea per tutte le lingue pertinenti.

La selezione del testo deve essere reimpostata.

Il trascinamento delle selezioni di testo bidirezionale deve essere reimplementata.

Le scorciatoie da tastiera per la piattaforma devono essere reimplementate.

Gli editori di metodi di input per la piattaforma (IMES) devono essere reimplementati.

La funzionalità di annullamento e ripetizione deve essere reimplementata.

Le caratteristiche di accessibilità come ingrandimento a seguito del CURA o della selezione devono essere reimplementate. Questa è un'enorme quantità di lavoro e gli autori sono fortemente incoraggiati a evitare di farlo invece usando l'elemento di input, l'elemento textreaa o l'attributo contenti.

Answer 2

Ispezionando la demo dal vivo con Chrome mostra che usano div e campate per raggiungere questo obiettivo. Il cursore lampeggiante è un div che sembra passare da un nascosto e visibile su base regolare. Penserei che controllassero semplicemente il tasto premuto dall'evento e lo scrivono nella durata corrispondente per la riga.