在textarea中只讀

Question

我需要一個巨大的字段，我可以在這裏有客戶端寫入文本以及其中的html元素。想象一個控制檯，如果你願意 - 第一行（me @ linuxbox：〜$）或類似的東西，作爲客戶端無法操縱的元素，並且在這個元素之後，客戶端可以輸入他們想要的任何東西。

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

<div id="container"> 
<textarea> 
<p>me@linuxbox:~$</p>text........................................................................................................................................................................................................................................................................................................... 
</textarea> 

Answer 1

我相信你試圖讓某種形式的控制檯。

嘗試<input>標籤與一些JS

fiddle

Answer 2

這裏被更新小提琴 -

1. 使用position:absolute和textarea
2. 調整span留下那麼多的padding-left上textarea

鏈接 - https://jsfiddle.net/rLvr7n3r/1/