用div实现textarea

实现textarea主要用到了 contenteditable 属性

contenteditable 属性值有

contenteditable="events"

contenteditable="caret"

contenteditable="plaintext-only"

contenteditable="true"

contenteditable="false"

其中“plaintext-only"这个属性就是让div只能键入文本值    缺点:支持性不太好，除了谷歌，火狐和ie都不支持

<div contenteditable="plaintext-only" data-placeholder="在此输入回复内容" class="textarea ">
</div>

.textarea-box .textarea {
    height: 5.62710417rem;
    outline: none;
    font-size: .92597917rem;
    color: rgba(0,0,0,.85);
    line-height: 1.282125rem;
    overflow-y: auto;
    overflow-x: hidden;
    word-break: break-all;
    padding: .56983333rem .85475rem;
}