可插入圖片的TEXT文字方塊_javascript技巧

今天在做類似於qq那樣的評論功能時,束手無策,在網上到處找答案,最後在一個很小很小的角落裡受到了啟發.認識了一個新的東西contenteditable.

html程式碼如下:

複製程式碼 程式碼如下:

   
  " value="插入" onclick="insert()" />

js程式碼:

複製碼 程式碼如下:

f guo").append("");
        }

操作前的介面:

點選插入後的介面:

輸入文字,並且插入的圖片還可以複製,從一個輸入框複製到另外一個輸入框

收工.