码迷,mamicode.com
首页 > 其他好文 > 详细

在ueditor编辑器的光标停留处插入内容

时间:2015-03-04 11:14:08      阅读:681      评论:0      收藏:0      [点我收藏+]

标签:编辑器   ueditor   追加内容   

业务场景:

      首先在ueditor编辑器中插入一段文本,然后我想在文本的某个位置(光标停留处)插入一个字符串,这个字符串是从页面的其他地方选择得来的。

      注意,当我们点击ueditor编辑器以外的地方,编辑器会失去焦点,此时,我们会看不到编辑器编辑时闪烁的光标了。因此我们的做法是这样的:

UE.getEditor('editor').focus();
UE.getEditor('editor').execCommand('inserthtml','{'+funcName+'}');
      我们先获得编辑器的焦点,然后将页面其他地方选择得来的字符串(funcName)通过inserthtml命令插入到编辑器的文本中,此时它插入的位置是开始我们编辑过程中光标最后停留的位置,完成业务需求。


      另外,再介绍一种编辑器添加内容的方法

UE.getEditor('editor').setContent('{'+funcName+'}',true);
      通过方法setContent实现,它有两个参数,第一个是要添加的内容,第二个设置为true(表示是追加)。这个方法的不足是每次追加的内容都是在原来文本之后,并且还是另起一行显示。所以用我们开始说的方法,更贴近实际需求。

在ueditor编辑器的光标停留处插入内容

标签:编辑器   ueditor   追加内容   

原文地址:http://blog.csdn.net/siqilou/article/details/44055733

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!