fastadmin 使用百度编辑器 ueditor

我的展示效果图:

 

 

1. 下载百度编辑器,放置如下目录,如图

\public\assets\addons\

 2. 打开require-backend.js

 3. require-backend.js文件中添加如下代码

// 代码 1
paths:{
    .....

    // 百度编辑器--start
    'ueconfig':'../addons/ueditor/ueditor.config',
    'ueditor':'../addons/ueditor/ueditor.all',
    'uelang':'../addons/ueditor/lang/zh-cn/zh-cn',
    'ZeroClipboard': "../addons/ueditor/third-party/zeroclipboard/ZeroClipboard",
    // -- end
}

// 代码 2
shim: {
    .....

    // 百度编辑器--start
    'ueditor':['ueconfig','css!../addons/ueditor/themes/default/css/ueditor.css'],
    'uelang':['ueditor']
    // -- end
}

// 代码 3  在文件末尾加入

// 百度编辑器--start
require(['ZeroClipboard'], function (ZeroClipboard) {
    window['ZeroClipboard'] = ZeroClipboard;
});
// -- end

 3. 在你需要使用百度编辑器的html文件中引入百度编辑器

 

// 比如 add.html 在文件末尾加入
<script src="/assets/addons/ueditor/ueditor.config.js"></script>
<script src="/assets/addons/ueditor/ueditor.all.js"></script>

 4. 对应的js文件

UE.getEditor('c-content');