JavaScript
有关使用DIV来实现HTML编辑器的问题，如何获取编辑框的selection对象？
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区我用DIV做了一个HTML编辑器：
<DIV id=MyEditor contenteditable=true></DIV>
但是我遇到一个问题，就是在执行：
range.execCommand( "InsertImage", true );
就是插入一个图片的时候，我不知道如何获取“range”对象，我尝试这样写：
var oDiv = document.getElementById("MyEditor");
var selection = oDiv.document.selection;
var range = _selection.createRange();
range.execCommand( "InsertImage", true );
但是这样运行之后，图片居然插到页面的一开始的地方去了，并没有插入到DIV的编辑框里面。。。。。
请问应该如何获取这个DIV中的插入点？或者是range对象？
<DIV id=MyEditor contenteditable=true></DIV>
但是我遇到一个问题，就是在执行：
range.execCommand( "InsertImage", true );
就是插入一个图片的时候，我不知道如何获取“range”对象，我尝试这样写：
var oDiv = document.getElementById("MyEditor");
var selection = oDiv.document.selection;
var range = _selection.createRange();
range.execCommand( "InsertImage", true );
但是这样运行之后，图片居然插到页面的一开始的地方去了，并没有插入到DIV的编辑框里面。。。。。
请问应该如何获取这个DIV中的插入点？或者是range对象？
...全文
相关推荐
在可编辑div中插入文字或图片解决思路与实现步骤
在可编辑div中插入文字或者图片,因为web在线编辑器我从来只是用，基本不会去研究源代码,需要的朋友可以参考下
vue项目中在可编辑div光标位置插入内容的实现代码
主要介绍了vue项目中在可编辑div光标位置插入内容的实现代码，代码简单易懂，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue中div contenteditable 的光标定位方法
今天小编就为大家分享一篇Vue中div contenteditable 的光标定位方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
自己打造HTML在线编辑器的实现难点分析
到目前为止，我已经开发了两个HTML编辑器了，一个用在公司的CMS项目，另一个用在这个Blog（TidyEditor，暂时没有单独发布）。下面总结一下开发的难点以及应对方法。
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
本文给大家带来的是一款非常不错的富文本编辑器WangEditor，他最大的特点是它在ie6,7,8上都可以做到失去焦点后仍然可以在原位置插入图片，而且代码量很少，下面我们就来分析下他是如何实现的呢
