L'utilisation d'un élément de toile comme textarea

Question

Je cherche une description avant droite de la façon d'utiliser une sorte d'élément de toile de comme une zone de texte.

J'ai vu des projets tels que Ace . Il suffit de se demander comment aller de l'écriture dans la région comme si elle où un textarea. texte tout simplement, rien de fantaisie.

Merci à l'avance.

Answer 1

Ace utilisé comme Mozilla Skywriter, qui était autrefois Mozilla Bespin.

Le code de Bespin est en fait assez simple à comprendre si vous êtes prêt à creuser à travers elle et de faire votre propre base là-dessus, mais il est en quelque sorte confié une mission d'un fou. La toile spec conseille en fait spécifiquement contre ceci:

Les auteurs doivent éviter de texte d'application commandes d'édition en utilisant la toile élément. Cela a un grand nombre des inconvénients:

Souris placement du caret doit être Réimplémentée.

mouvement du clavier du caret doit être réimplémenté (peut-être à travers lignes, pour la saisie de texte multiligne).

Scrolling du champ de texte doit être mis en œuvre (horizontalement depuis longtemps lignes verticalement pour multiligne entrée).

Natif des caractéristiques telles que copier-coller doivent être remis sur pied.

fonctionnalités natives telles que la vérification orthographique doivent être remis sur pied.

Natif des caractéristiques telles que le glisser-déposer doivent être remis sur pied.

Natif des caractéristiques telles que le texte de la page à l'échelle recherche ont à réimplémentées.

fonctionnalités natives spécifiques à l'utilisateur, par exemple les services de texte personnalisés, ont à réimplémentées. Ce résultat est proche impossible puisque chaque utilisateur peut avoir différents services installés et il existe un ensemble sans bornes possible ces services.

édition de texte Bidirectionnelle doit être Réimplémentée.

Pour l'édition de texte multiligne, ligne l'emballage doit être mis en oeuvre pour tous les langues pertinentes.

Sélection de texte doit être Réimplémentée.

Glissement de texte bidirectionnel sélections doit être réimplémentées.

Raccourcis clavier Plateforme natifs doivent être remis sur pied.

méthode d'entrée plate-forme native éditeurs (IMEs) doivent être remis sur pied.

Annuler et la fonctionnalité de redo doit être Réimplémentée.

Accessibilité des caractéristiques telles que agrandissement suivant le caret ou sélection doivent être remis sur pied. Ceci est une énorme quantité de travail et les auteurs sont le plus fortement encouragés pour éviter de faire tout cela en place en utilisant l'élément d'entrée, la zone de texte élément, ou le contenteditable attribut.

Answer 2

la démo en direct Inspecter avec chrome montre qu'ils utilisent et divs portées pour y parvenir. Le curseur clignotant est un div qui semble basculer entre caché et visible sur une base régulière. Je pense qu'ils se contentent de vérifier la clé emboutie de l'événement et l'écrire à la durée correspondant à la ligne.