向html编辑器光标所在处插入图片

最新推荐文章于 2023-06-23 22:01:47 发布

xmq_666

最新推荐文章于 2023-06-23 22:01:47 发布

阅读量3.4k

点赞数

分类专栏： JavaScript 文章标签： html insert character null border

本文链接：https://blog.csdn.net/xmq_666/article/details/6256620

版权

本文详细介绍了如何在HTML编辑器中定位到光标所在位置，并实现精确地插入图片。无论是在富文本框还是其他类型的HTML编辑器中，理解如何操作光标并插入内容对于网页编辑至关重要。

摘要由CSDN通过智能技术生成

<textarea id="content" name="content" style="display:none"></textarea>
<iframe id="myEditor" src="Edit/editor.htm?id=contentReadCookie=1" frameborder="0" scrolling="no" width="621" height="457"></iframe>
 
<script>
function insertHTMLToEditor(imgurl){
        var myEditor = document.getElementById("myEditor").contentWindow,
        doc = myEditor.document, r = doc.selection ? doc.selection.createRange() : null;
        myEditor.focus();
        doc.execCommand("insertImage", false, "Insert_Area_Id");
        var code = doc.body.innerHTML;
        code = code.replace(/(src="Insert_Area_Id")/ig,'id="Insert_Area_Id"');
        try {doc.body.innerHTML = code}catch(e){return false}
        if(r!=null){