requirejs集成百度编辑器ueditor
来源:互联网 发布:杭州行知小学官网 编辑:程序博客网 时间:2024/05/21 10:10
Ueditor版本:1.4.3.1
关键点:
1. 利用requirejs的shim加载editor.all.js并导出到全局变量
2. 通过shim的deps加载 ueditor.config.js 和 ZeroClipboard.min.js
3. 利用init回调方法将ZeroClipboard导出到window对象中,避免因为requirejs导致ZeroClipboard没有加入window对象中,进而导致ueditor找不到ZeroClipboard报错的问题
4. 通过UEDITOR_HOME_URL定义编辑器资源文件根路径
具体如下:
1. 配置ueditor模块路径
在requirejs.config的paths参数中,配置ueditor模块中相关文件的路径:
paths: {
'baidueditor': '/assets/libs/ueditor/ueditor.all',
'ueditorconfig': '/assets/libs/ueditor/ueditor.config',
'zeroclipboard': '/assets/libs/ueditor/third-party/zeroclipboard/ZeroClipboard'
}
2. 配置ueditor依赖模块
在requirejs.config的shim参数中,配置ueditor依赖模块:
shim: {
'baidueditor': {
//注意:此处的依赖顺序不能颠倒
deps: ['zeroclipboard','ueditorconfig'],
exports: 'UE',
init:function(ZeroClipboard){
//导出到全局变量,供ueditor使用
window.ZeroClipboard = ZeroClipboard;
}
}
}
3. 定义Ueditor编辑器资源文件根路径
在ueditor.config.js文件中,定义Ueditor编辑器资源文件根路径:
(function () {
window.UEDITOR_HOME_URL = "/assets/libs/ueditor/";
var URL = window.UEDITOR_HOME_URL || getUEBasePath();
...
})();
4. 如何使用
<script id="container" name="content" type="text/plain"></script>
<script type="text/javascript">
require(['baidueditor'],function (UE) {
var editor = UE.getEditor('container');
});
</script>
阅读全文
0 0
- requirejs集成百度编辑器ueditor
- vue集成百度UEditor富文本编辑器
- 百度 UEditor Web 编辑器同 CMS 集成全攻略
- django 与 百度 ueditor 富文本编辑器集成
- Django集成百度富文本编辑器uEditor攻略
- 项目集成Ueditor编辑器
- 百度UEditor在线编辑器
- 百度ueditor文本编辑器
- ueditor百度文本编辑器
- 百度编辑器(Ueditor)
- 搞定百度编辑器UEditor
- 百度编辑器 UEditor 使用
- 百度编辑器UEditor使用
- 百度编辑器-Ueditor
- 下载百度编辑器ueditor
- 百度编辑器ueditor的使用方法
- 百度富文本编辑器UEditor
- 百度富文本编辑器UEditor
- 动态规划算法
- MySQL的基本操作
- java策略设计模式
- TPC-DS标准规范(三)
- 推荐阅读
- requirejs集成百度编辑器ueditor
- I2S接口硬件定义及电气连接方式
- 一个讲解web中updatepanel的文章
- 【洛谷 2656】采蘑菇
- Java基础
- linux命令大全
- 获取客户端的真实IP地址
- 如何设置ListPreference的默认选项
- 123