首页 > 网站 > WEB开发 > 正文

ueditor在鼠标后面添加内容

2024-04-27 15:08:42
字体:
来源:转载
供稿:网友

业务场景:

首先在ueditor编辑器中插入一段文本,然后我想在文本的某个位置(光标停留处)插入一个字符串,这个字符串是从页面的其他地方选择得来的。注意,当我们点击ueditor编辑器以外的地方,编辑器会失去焦点,此时,我们会看不到编辑器编辑时闪烁的光标了。因此我们的做法是这样的:1.UE.getEditor('editor').focus();  2.UE.getEditor('editor').execCommand('inserthtml','{'+funcName+'}');        我们先获得编辑器的焦点,然后将页面其他地方选择得来的字符串(funcName)通过inserthtml命令插入到编辑器的文本中,此时它插入的位置是开始我们编辑过程中光标最后停留的位置,完成业务需求。另外,再介绍一种编辑器添加内容的方法 1.UE.getEditor('editor').setContent('{'+funcName+'}',true);        通过方法setContent实现,它有两个参数,第一个是要添加的内容,第二个设置为true(表示是追加)。这个方法的不足是每次追加的内容都是在原来文本之后,并且还是另起一行显示。所以用我们开始说的方法,更贴近实际需求。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表