百度富文本编辑器ueditor插入html代码

记录工作中遇到的问题

需求:  文本编辑器左侧展示模板，点击左侧模板将模板展示到富文本编辑器内。

代码：

// 点击模板时添加到编辑器内
$(".templates-con ul li").click(function () {
  // 获取到了所需的html结构
  // console.log($(this).html())

  // 在当前光标位置插入html内容
  UE.getEditor('editor').execCommand('insertHtml', $(this).html())

})

效果：

 

 ueditor文档：http://fex.baidu.com/ueditor/

欢迎转载，但请注明出处！