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

标签: 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命令:

命令

命令列表:

在这里插入图片描述

示例代码:

在这里插入图片描述

版权声明:本文为u011403174原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u011403174/article/details/103764525