contenteditable模仿textarea文本框

contenteditable 属性是 HTML5 中的新属性。

例子:<p contenteditable="true" style=" border:solid 1px #333; width:100px;word-wrap: break-word; outline:none;">这是一段可编辑的段落。请试着编辑该文本。</p>

1. 解决火狐和ie下的不换行问题 ： word-wrap: break-word;

2.去掉光标效果： outline:none;

属性值

值	描述
true	规定可以编辑元素内容。
false	规定无法编辑元素内容。
classname	继承父元素的 contenteditable 属性。