怎么做出textarea中加入图片的效果

请问这样的效果怎么用Html5做出来.
发现textarea没法加入图片后就不知道怎么办了

这个 可以用富文本 编辑器 。如果只是 复制图片 一个div 和 contenteditable="true" 就能解决 。加上这个属性 div就可以编辑了，而且可以 复制图片 哦 。

不过你这个截图 看起来不像textarea啊

<div class="all-img">
            <img src="../../assets/index/goods.png" alt="">
            <img src="../../assets/index/goods1.png" alt="">
            <img src="../../assets/index/goods2.png" alt="">
            <img src="../../assets/index/goods3.png" alt="">
            <img src="../../assets/index/goods4.png" alt="">
            <img src="../../assets/index/goods5.png" alt="">
            <img src="../../assets/index/goods1.png" alt="">
        </div>

.all-img{
        display: flex;
        align-items: center;
        width: 500px;
        overflow: hidden;
        overflow-x: auto;
        img{
            width: 200px;
            height: 200px;
            display: block;
            margin: 0 10px;
        }
    }