Rendre en lecture seule dans textarea

J'ai besoin d'un champ énorme, où je peux avoir le texte d'écriture du client, ainsi que des éléments html à l'intérieur. Imaginez une console, si vous voulez - la première ligne (me @ linuxbox: ~ $) ou quelque chose comme ça, étant un élément que le client ne peut pas manipuler, et après cet élément, le client peut taper ce qu'il veut .Rendre en lecture seule dans textarea

https://jsfiddle.net/a1k2xo0d/1/

<div id="container"> 
<textarea> 
<p>[email protected]:~$</p>text........................................................................................................................................................................................................................................................................................................... 
</textarea>

Source

2016-02-13 Rasmus Hjorth Lüdeking

Je crois que vous essayez de faire une console de quelque sorte.

Essayez l'étiquette <input> avec un certain JS

fiddle

Source

2016-02-13 13:30:29 Sorbet

Très bel exemple, mais comment puis-je obtenir l'entrée de texte pour remplir chaque ligne complètement en largeur, casser la ligne à la fin et continuer à avancer texte juste au-dessous de l'identifiant? –

Je voudrais simplement ajouter l'élément suivant et le mettre au point, lorsque vous appuyez sur Entrée. ent avec le code (je suppose que vous pourriez le faire tout à l'heure) – Sorbet

Voici mise à jour du violon -

Utilisez position:absolute et régler span sur textarea
Laisser beaucoup de padding-left sur textarea

Link - https://jsfiddle.net/rLvr7n3r/1/

Source

2016-02-13 13:20:44

problème est le saut de ligne, ne se présente pas Inder la chaîne maintenant .. :( –

Tu veux dire que la ligne suivante ont également padding-left, droit ? –

oui exactement, l'idéal serait que la ligne suivante apparaisse au-dessous de l'identifiant –

Rendre en lecture seule dans textarea

Répondre

Questions connexes