顶部导航开始 -->

ueditor的二次开发使用

本文主要介绍ueditor的二次开发的基础知识,后续文章会详细介绍ueditor的配置等操作。

自学php博客

1、

从根本上来说,除了核心提供的几个编辑器底层封装类之外,UEditor的全部功能都是通过外挂插件或者是命令(实质上也可以看成特殊的插件)来实现的。UEditor中插件的实质是在编辑器实例下面绑定的一个以插件名字命名的函数,然后通过编辑器实例化过程去执行这个函数,并将实例对象传递到插件内部作为其this对象来完成所有的功能操作。

2、

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

业务场景:

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

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

UE.getEditor('editor').focus(); UE.getEditor('editor').execCommand('inserthtml','{'+funcName+'}');

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

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

UE.getEditor('editor').setContent('{'+funcName+'}',true);

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

3、ueditor下载地址

http://ueditor.baidu.com/website/download.html

自学php博客
请先登陆后发表评论
  • 最新评论
  • 总共3条评论
自学php博客

jack:好

2016-09-23 11:20:53 回复

自学php博客

jack:不错,感谢分享

2016-09-23 11:19:07 回复

自学php博客

哲涵0911自学php博客

2016-09-18 22:32:09 回复

  • © 2014-2016 zixuephp.cn 版权所有
  • ICP证:皖ICP备16012107号
  • 联系邮箱:510082587@qq.com
  • 交流请加微信:weibobf2899 或扫下方二维码