TEXT text box that can insert pictures_javascript skills

Today, when I was working on a comment function similar to that of QQ, I was at a loss and looked for answers everywhere on the Internet. Finally, I was inspired in a very small corner. I got to know a new thing, contenteditable.

The html code is as follows:

Copy code The code is as follows:

< ;input type="button" value="Insert" onclick="insert()" />

js code:

Copy code The code is as follows:

function insert() {
   $("# guo").append("");
        }

Interface before operation:

Interface after clicking insert:

Enter text, and the inserted image can also be copied from one input box to another

Call it done.