上個月做了個聊天的需求（網頁版的）。說到聊天都想到輸入框，說到輸入框都會想到input，但是input標簽是不支持插入圖片的（包括areatext標簽）。查閱了一些資料就看到div標簽有一個屬性contenteditable，這個屬性設置為true的話，div會變成可編輯狀態，非常神奇，而且是可以插入圖片的。

　　之所以寫這篇文章當然不是只為了說這個簡單的事情啦。因為開發的時候會遇到一個事情，就是復制別的地方的帶樣式的文字的時候，粘貼到div裏，特麽會把樣式帶上，可把我煩死了。各種查閱資料怎麽去除樣式，但是恕我直言，大部分人的文章都解決不了我的問題。我也有想過要麽自己去獲取粘貼的內容進行過濾，但是。。。。不現實啊，層級嵌套的深一些的dom就很難很難很難。

　　柳暗花明又一村，看了w3c的草案，才知道contenteditable這個屬性可不止 true or false。

contenteditable=""
contenteditable="events"
contenteditable="caret"
contenteditable="plaintext-only"
contenteditable="true"
contenteditable="false"

　　大概有這些，其他的我不知道，但是 ‘plaintext-only’這個屬性，我一眼就看到，從字面上理解，就是只保存純文本，哇！！簡直太棒了吧，馬上上代碼試了試，果不其然，粘貼進來的文字，全部樣式都去除！！！

　　以上。

div可編輯框，去除粘貼文字樣式😄