怎么往一个可编辑div的指定光标处插入图片
如何往一个可编辑div的指定光标处插入图片
在上图中的框框是一个可编辑的div,我想在指定光标处(例如我的光标在第一行的末尾)插入一张图片,该如何实现,插入文字简单可以实现,但是如何插入一张图片不知道如何操作,请教了
------解决方案--------------------
在上图中的框框是一个可编辑的div,我想在指定光标处(例如我的光标在第一行的末尾)插入一张图片,该如何实现,插入文字简单可以实现,但是如何插入一张图片不知道如何操作,请教了
指定位置
插入图片
可编辑div
------解决方案--------------------
<div id="editer" contentEditable="true" style="border:1px solid #ccc;width:400px;height:200px" >
123456<br/>123456
</div>
<button onclick="InsertImage()">InsertImage</button>
<script language="javascript">
var editer=document.getElementById('editer');
function InsertImage(){
ImagePath = window.prompt('图片URL:', '');
editer.focus();
document.execCommand('InsertImage', false, ImagePath);
}
</script>