UEditor自定义工具使用技巧图文介绍
时间:2021-06-17 14:53:14 作者:无名 浏览量:57
Ueditor是一款所见即所得的富文本在线编辑器,其中文版是由
百度Web前端研发部设计推出的产品,开源基于BSD协议。具有可定制,轻量等特点,还特别注重用户体验,软件界面简洁明晰、功能非常强大,一直致力于提升用户的使用体验,设计得很人性化和操作方便快捷。Ueditor使开发者可以根据实际应用和需求自由定制,允许互联网开发者使用代码和自由传播,感兴趣的用户快来本站
下载体验吧。
UEditor功能特点:
1、功能全面
独创多种全新编辑操作模式,涵盖流行富文本编辑器特色功能。
2、用户体验
提供良好的富文本编辑体验,屏蔽各种
浏览器之间的差异。
3、开源免费
支持商业和非商业用户的免费使用和任意修改,开源基于MIT协议。
4、定制下载
提供可视化功能选择和自定义下载, 细粒度拆分核心代码。
5、专业稳定
上千自动化测试用例支持,百度专业QA团队持续跟进。
UEditor自定义工具使用技巧图文介绍图2
UEditor软件优势:
1.软件体积小巧,性能优良,使用十分简单;
2.分成架构,方便定制和扩展;
3.满足不同层次用户的需求,更加适合团队开发;
5. 多个浏览器支持: MSIE,FireFox和Chrome
6. 拥有专业QA团队持续支持,带给用户更好的使用体验
7.已应用在百度各大产品线上
UEditor使用技巧:
自定义工具按钮
首先需要进行自定义的参数设置,很多用户不知道整体的操作方法,在软件中使用自定义工具按钮,软件对UI进行更改,加入按钮UI,然后为UI添加事件,下面小编就为大家带来一个具体的流程。
第一步:打开ueditor.config.js或者editor_config.js文件,找到其中的toolbars参数,对应着添加一个labelMap,增加一个“camnpr”字符串,用于
鼠标移上按钮时的提示。
UEditor自定义工具使用技巧图文介绍图3
第二步:找到ui/editorui.js文件中,选择其中的btnCmds数组,同样地在其中增加“camnpr”字符串一个。也可以直接在ueditor.all.js文件里,搜索var btnCmds = [,如果找不到editorui.js的话;
UEditor自定义工具使用技巧图文介绍图4
找到如下图所示的位置,在此位置我们可以看到一些参数:
UEditor自定义工具使用技巧图文介绍图5
在此我们可以添加一个'camnpr': '~/dialogs/emotion1/camnpr.html'
如果你要点击此按钮弹出这个页面, 这个camnpr.html页面时自定义的页面,还需要加入如下代码:
先找到ueditor.all.js页面,在这个页面选择 editorui["emotion"] = function,接着在这段代码下边加入,如下图所示的代码:
12下一页>
- 软件性质:国产软件
- 授权方式:免费版
- 软件语言:简体中文
- 软件大小:9536 KB
- 下载次数:6111 次
- 更新时间:2021/6/17 17:44:57
- 运行平台:WinXP,Win7...
- 软件描述:UEditor是由百度 Web前端研发部开发的所见即所得的富文本在线编辑器,具有... [立即下载]
相关资讯