如何在百度富文本编辑器Ueditor中光标位置插入指定图片

需求:

编辑部同事想在富文本中编辑新闻时,直接将所需的图片全部上传后,在文本的指定位置添加指定的图片,所以就有了这篇文章,添加图片的操作过程如下: 鼠标在富文本中需要插入图片的位置点击一下,就可以选择需要插入的图片,点击按钮,即可插入图片,当然可以插入多个图片

效果图如下:

代码如下:

主要是插入按钮的点击事件,获取到需要插入的图片的路径,使用Ueditor的api ue.execCommand命令(可查看官网API):

function insertImg(obj) {
	//图片路径
	var imgPath = $(obj).parent().children("img").attr("src");
	var ue = UE.getEditor('newsContent');
	ue.execCommand('insertimage', {
		src:imgPath,
		width: '500'
	});
}

查看官网API:

COMMAND命令:

命令列表:

示例代码: