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

业务场景:

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

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

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


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

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

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
在使用UEditor插入锚点时遇到问题的原因是由于UEditor的配置文件中定义了HTML标签的过滤规则,导致某些属性被过滤掉而无法成功插入锚点。在配置文件中,img标签和a标签的白名单中并没有achorename属性和name属性。因此,解决这个问题的方法是修改配置文件,将这两个属性添加到相应的白名单中。这样就可以自由地插入任何锚点了。以下是修改后的img标签和a标签的白名单: img: {'src': 1, 'width': 1, 'height': 1, 'border': 1, 'alt': 1, 'title': 1, 'style': 1, 'class': 1, 'align': 1, 'achorename': 1}, a: {'href': 1, 'target': 1, 'name': 1, 'style': 1, 'class': 1} 通过这样的配置修改,你就可以成功地在UEditor插入锚点了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [百度编辑器Ueditor)最新版(1.4.3.3)插入锚点失败原因分析及BUG修复](https://blog.csdn.net/weixin_33836223/article/details/94641552)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [ueditor使用过程的注意事项](https://blog.csdn.net/weixin_39834090/article/details/111729498)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值