如何通过 textarea 或 html 编辑器插入图像？

Question

i have textarea where user can input some text, and this works but the problem arises when he wants to insert the image...

if he put this for example in textarea (Thumbnail image (linked) code)

<a href="http://www.ultraimg.com/image/1V6n"><img src="http://ultraimg.com/images/2016/08/11/1V6n.md.jpg" alt="1V6n.jpg" border="0" /></a>

when he clicks save button, after that it show the same img code, but there is no image...

so i started to use ckeditor but the situation is the same....

so please tell what i need to ?

Thank you

Answer 1

Instead oftextarea , you may use contentEditable .

For limitations and usage take a look to the reported links.

This is an example:

 <div contenteditable="true"> <a href="http://www.ultraimg.com/image/1V6n"><img src="http://ultraimg.com/images/2016/08/11/1V6n.md.jpg" alt="1V6n.jpg" border="0" /></a> </div>