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

时间:2013-09-04 15:18:07

标签: html forms

我在表格中有一个textarea。用户应该粘贴来自网络其他部分甚至来自其他网站的不同文本。 (所以我不知道该文本的颜色或大小。我也无法控制该文本的来源。)当粘贴在textarea中时,是否有任何方法可以保留原始文本的颜色和大小信息?

(如果需要,我可以使用jQuery或php)

我在这里简化了示例以帮助:http://jsfiddle.net/nbkvb/

CSS:

h1 { color:blue; font-family:verdana;font-size:20px; }
p { font-family:verdana; font-size:15px; }

HTML:

<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> 

1 个答案:

答案 0 :(得分:1)

TextArea仅适用于纯文本。如果您希望能够复制/粘贴富文本(html),则需要使用DIV与contenteditable="true"而不是TextArea

演示:http://jsfiddle.net/nbkvb/2/