在文本区域中设置为只读

Question

我需要一个巨大的领域，在这里我既可以让客户端编写文本，也可以在其中包含html元素。

想象一下控制台，如果愿意的话-第一行（me @ linuxbox：〜$）或类似的东西，是客户端无法操纵的元素，在此元素之后，客户端可以键入他们想要的任何内容。

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

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

Answer 1

这是更新的小提琴-

1. 使用position:absolute并调整textarea span
2. 在textarea上留下那么多的padding-left

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

Answer 2

我相信您正在尝试制作某种控制台。

尝试使用一些JS的<input>标签

小提琴