首页 > 软件下载 > 组件库与框架 > ueditor编辑器
ueditor编辑器

ueditor编辑器

  • 软件大小:2.6 MB
  • 版本类型:官方版
  • 更新时间:2021-04-30
  • 版本号:1.4.3
  • 软件语言:简体中文
  • 适用系统:Windows XP 及以上
  • 软件授权:共享软件

ueditor编辑器

版本 1.4.3 2.6 MB Windows XP 及以上

ueditor编辑器安装教程

ueditor

编辑器

ueditor 编辑器截图

ueditor 编辑器软件特色

  1. 功能全面

    涵盖流行富文本编辑器特色功能,独创多种全新编辑操作模式。

  2. 用户体验

    屏蔽各种浏览器之间的差异,提供良好的富文本编辑体验。

  3. 开源免费

    开源基于 MIT 协议,支持商业和非商业用户的免费使用和任意修改。

  4. 定制下载

    细粒度拆分核心代码,提供可视化功能选择和自定义下载。

  5. 专业稳定

    百度专业 QA 团队持续跟进,上千自动化测试用例支持。

ueditor 编辑器功能介绍

开源免费

开源基于 MIT 协议,支持商业和非商业用户的免费使用和任意修改

定制下载

细粒度拆分核心代码,提供可视化功能选择和自定义下载。

专业稳定

百度专业 QA 团队持续跟进,上千自动化测试用例支持。

ueditor 编辑器使用技巧

自定义工具按钮

想要在软件中使用自定义工具按钮的话,首先需要进行自定义的参数设置,软件加入按钮 UI,对 UI 进行更改,然后为 UI 添加事件,很多用户不知道整体的操作方法,下面小编就为大家带来一个具体的流程,感兴趣的用户快来看看吧。

第一步:找到 editor_config.js(或者 ueditor.config.js) 文件中的 toolbars 参数,增加一个“camnpr”字符串,对应着添加一个 labelMap,用于鼠标移上按钮时的提示。

ueditor 编辑器截图

第二步:找到 ui/editorui.js 文件中的 btnCmds 数组,在其中同样增加一个“camnpr”字符串。【如果找不到 editorui.js,请直接在 ueditor.all.js 文件里搜索 var btnCmds = [】

ueditor 编辑器截图

找到此位置,我们可以看到:

ueditor 编辑器截图

在此我们可以添加一个

'camnpr': '~/dialogs/emotion1/camnpr.html'

这个 camnpr.html 页面时自定义的页面,如果你要点击此按钮弹出这个页面,还需要加入如下代码 (先在 ueditor.all.js 页面找到 editorui["emotion"] = function 在这段代码下边加入):

ueditor 编辑器截图

如果你要此功能,就不要添加第五步的操作了。效果图如下:

ueditor 编辑器截图

ueditor 编辑器更新日志

1.将 bug 扫地出门进行到底

2.有史以来最稳定版本