Html TextArea：保留粘贴文本的颜色和大小

我在表单中有一个文本区域。用户应该在那里粘贴来自web其他部分甚至其他web的不同文本。（因此，我不知道该文本的颜色或大小。我也无法控制该文本的来源）粘贴到文本区域时，有没有办法保留原始文本的颜色和大小信息

（如有必要，我可以使用jQuery或php）

在这里，我简化了示例以提供帮助：

CSS:

HTML:

一些头衔
一些文本，一些文本，一些文本，一些文本，一些文本，一些文本，一些文本，一些文本，一些文本，一些文本，一些文本，一些文本，一些文本，一些文本，

文本区域仅设计为纯文本。如果希望能够复制/粘贴富文本（html），则需要将DIV与

contenteditable=“true”

一起使用，而不是使用TextArea

---

演示：

这太完美了！多谢各位much@Nrc很高兴它对你有用。只需注意，当您提交表单时，DIV的innerHTML不会提交到服务器，您必须将其复制到隐藏字段，并在服务器上以这种方式读取值。如果解决方案有用，请检查答案是否被接受。我一直在尝试复制到隐藏字段，但我找不到如何在不丢失信息（颜色和大小）的情况下执行此操作。您能给我一些提示吗？应该非常简单-在表单提交之前（您可以捕获表单的

onsubmit

事件或按钮

onclick

事件）只需执行类似于

document.getElementById（'yourhiddenfield.value=document.getElementById（'yourDiv.innerHTML这会将整个HTML从DIV内部（包括颜色、大小等）复制到隐藏字段中-当提交表单并在服务器上读取隐藏字段时-您应该会看到所有信息。最后，我能够将DIV与表单一起发送。非常感谢。但我发现，如果我将不同网站的文本复制到一个可链接的div中，并不总是保持原始的颜色和大小。似乎只有Safari有，但Chrome或Firefox没有。因此，问题没有得到解决
h1 { color:blue; font-family:verdana;font-size:20px; }
p { font-family:verdana; font-size:15px; }

<form action='html-normal.php' method='post'> 
<textarea name='textHtml' rows='15' cols='60'></textarea> <br/> 
<input type='submit' value='submit' /> 
</form> 

<div id=" ">   

<h1>Some title</h1>
<p>some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, some text,</p>