在可编辑div中插入文字或图片（一）

最新推荐文章于 2024-07-19 09:37:17 发布

小段大帅

最新推荐文章于 2024-07-19 09:37:17 发布

阅读量7.9k

点赞数

分类专栏：前端文章标签： contentenditable html 富文本 div

本文链接：https://blog.csdn.net/u011652364/article/details/80078025

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

    <div id="editer" contenteditable="true" style="border: 1px solid #ccc; width: 400px;
        height: 200px">
        123456123456
    </div>
    <button οnclick="InsertImage()">
        InsertImage</button>
    <script type="text/javascript" language="javascript">
        var editer = document.getElementById('editer');
        function InsertImage() {
            ImagePath = window.prompt('图片URL:', '');
            editer.focus();
            document.execCommand('InsertImage', false, ImagePath);
        }
    </script>

可编辑的div必须添加contentenditable为ture