本篇文章主要介绍了用js的selection range操作选择区域内容和图片的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧

先放上最后的效果，这是点击图片以前： 这是点击图片以后： 非常清晰，一目了然，就算是小白用户也明白发生了什么。挺好的。 最近在做编辑器相关的东西，遇到一个需求，用户在编辑器中插入或者粘贴的图片要支持点击以后，可以按 Backspace 键或者 Delete 键删除掉。 刚开始拿到这个需求的想法是调用编辑器自带的删除图片方法删掉图片，但后来查看源码发现这个方法是编辑器内部方法，并没有暴露出来，于是第一个思路走不通了。 第二个思路是在编辑器的顶层容器里监听 keyup 事件，然后判断是否是两个删