正则-在光标位置后插入图片问题

问题描述

在光标位置后插入图片问题

我使用了

 document.execCommand("insertImage", false,html);

但是这个html只能是图片的url ,现在我想在光标位置插入图片。
一个思路是先插入图片在用正则匹配替换,但是我的图片scr的值用了base64编码 很长,用

 var reg=new RegExp('<img src="'+html+'">','gi');

这正正则匹配说表达式错误。
请问有什么好办法吗?
直接在光标位置插入图片

解决方案

用inserthtml,ie需要range对象,看这个:http://blog.csdn.net/yiluoak_47/article/details/7547129

已经有现成的编辑器了,干嘛要自己写,ckeditor,kindeditor,ueditor这种一大把


function insertHTML( sHtml )
{
           _win.focus();
           if(   $.browser.msie ){
                  _doc.selection.createRange().pasteHTML( sHtml ) ;
           }else{
                  _doc.execCommand( 'InsertHtml' , '' , sHtml );
           }

}
时间: 2024-12-11 10:28:59

正则-在光标位置后插入图片问题的相关文章

在word中插入图片并自由放置在任意位置方法图解

  很多人都懂得如何在word文档中插入图片.但是很多时候我们需要这些图片不受光标和文字的限制随意放在文档的任何地方,这时候就需要我们对图片进行一些设置.下面小编就为大家介绍在word中插入图片并自由放置在任意位置方法,希望能对大家有所帮助! 工具/原料 电脑需要安装office办公软件 照片大于等于一张 方法/步骤 1.打开word文档,输入你想要的内容. 2.右上角选择 插入--图片之后选择你想要放入文档的图片,双击图片或者单击"插入"即可在插入图片. 3.我们看到一般都是跟在光标

WPS文字插入图片显示不全怎么办

WPS文字插入图片显示不全怎么办   工具/原料 WPS文字软件 问题展现: 打开如图所示已经输入好文字的文档,我们将在文档中插入一张图片. 现在选择一张图片并复制,在WPS文字中把光标移动到文档中某一位置处,按住"Ctrl+V"粘贴,可以看到就出现了一部分. 解决方法: 一.点击"正文"按钮 在插入图片后,单击菜单栏"开始"--正文,就会还原为大图了. 二.设置行距法: 把光标移动到插入图片的地方,单击右键选择"段落". 在

wangEditor编辑器失去焦点后仍然可以在原位置插入图片

  本文给大家带来的是一款非常不错的富文本编辑器WangEditor,他最大的特点是它在ie6,7,8上都可以做到失去焦点后仍然可以在原位置插入图片,而且代码量很少,下面我们就来分析下他是如何实现的呢 昨天在github上发现了一个很好的富文本编辑器wangEditor,一看名字就是中国人写的.这个编辑器好在支持ie6+,另外最重要的一点,它在ie6,7,8上都可以做到失去焦点后仍然可以在原位置插入图片,而且代码量很少.于是很好奇的看看它是怎么做的,裁剪了一下,就这些 ? 1 2 3 4 5 6

wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析_javascript技巧

昨天在github上发现了一个很好的富文本编辑器wangEditor,一看名字就是中国人写的.这个编辑器好在支持ie6+,另外最重要的一点,它在ie6,7,8上都可以做到失去焦点后仍然可以在原位置插入图片,而且代码量很少.于是很好奇的看看它是怎么做的,裁剪了一下,就这些 var currentRange,_parentElem,supportRange = typeof document.createRange === 'function'; function getCurrentRange()

ckeditor 插入图片后,光标一直停留在图片前面,导致不能编辑图片后面的内容,怎么破??

问题描述 求大神!!!!插入图片,光标就停留在图片左边,我觉得应该是该停留在图片右边,好方便用户接下来的编辑,我这里死活就停在左边,键盘的上下左右的键也不行回车也不行,一回车图片就跟着往下掉,好像是插入了图片后,光标就和图片绑一起了,只能上不能下了,-----------另外插入了表格也是,光标就一直停留在表格内,鼠标不能把光标点到表格外,只能用键盘的上下左右把光标移动出去,请问有大神知道是怎么回事么?? 解决方案 解决方案二:楼主是怎么解决的?我也想知道这个问题怎么解决的.解决方案三:我也想知

win7系统在word文档中插入图片后显示不全怎么办?

  win7系统在word文档中插入图片后显示不全怎么办? 1.选中图片,右键,改变文字环绕的类型,例如"浮于文字上方"; 2.图片已显示完整,挪动图片至合适的位置即可. 解决方法二: 1.在不能改变文字环绕方式的情况下,方法一就不适用了,此时我们可以采取第二种方法; 2.在开始选项卡中点击"段落"右下的箭头符号; 3.在"缩进和间距"下改变行距为"单倍行距"; 4.点击确定; 5.此时图片就全部显示出来了.

JS实现iframe编辑器光标位置插入内容的方法(兼容IE和Firefox)_javascript技巧

本文实例讲述了JS实现iframe编辑器光标位置插入内容的方法.分享给大家供大家参考,具体如下: <html> <iframe id="x" name="x"></iframe> <input type="button" onclick="t()" value="test"> <input type="button" onclick=

imageview-Android 关于类似onenote的可以在文字任意位置插入图片音频的实现思路

问题描述 Android 关于类似onenote的可以在文字任意位置插入图片音频的实现思路 是插入一个imageView?和自定义button? 还是imageSpan? 应该是view? 如果是view是如何做到在光标处插入的? 我用layout.addView(view child,int index),如果当前布局的所有view都是动态插入的,那这个index该怎么填?

vb.net 如何在word文档的指定位置插入图片

问题描述 vb.net 如何在word文档的指定位置插入图片 vb.net 如何在word文档的指定位置插入图片(不是光标处) 使用 WordApp.Selection.InlineShapes.AddPicture(FileName:="C:19b9068e64110c288c11.jpg", LinkToFile:=False, SaveWithDocument:=True) '插入图片 上面代码仅在光标处插入,需要能自定义位置,并且图片浮于文字上方,如何实现? 解决方案 word