基于 UEditor 二次开发的富文本编辑器，让UEditor重新焕发活力

源码资源网

基于 UEditor 二次开发的富文本编辑器，让UEditor重新焕发活力

/dist/ 和 /dist-min/ 目录分别为构建的非压缩和压缩版代码，可直接使用

功能亮点

• 全新的UI外观，使用字体图标替换原有图片图标
• 移除过时、无用的插件支持，不断完善使用体验
• 图片、文件、视频上传配置化定制增强
• 演示界面重构，右上角可直接查看当前演示界面代码
• 兼容现有UEditor，实现无缝切换
  

使用教程原生使用

1. 
   
2. <script id="editor" type="text/plain" style="height:300px;"></script>
   
3. <script type="text/javascript" src="/path/to/UEditorPlus/ueditor.config.js"></script>
   
4. <script type="text/javascript" src="/path/to/UEditorPlus/ueditor.all.js"></script>
   
5. <script>
   
6.     var ue = UE.getEditor('editor', {
   
7.         // ... 更多配置
   
8.     });
   
9. </script>

复制代码

vue双向绑定

① 安装UEditor插件支持

1. npm i vue-ueditor-wrap
   
2. # 或
   
3. yarn add vue-ueditor-wrap

复制代码

② 解压 UEditorPlus 到静态资源目录，配置

1. 
   
2. <template>
   
3.     <div class="content">
   
4.         <vue-ueditor-wrap v-model="content"
   
5.                           editor-id="editor"
   
6.                           :config="editorConfig"
   
7.                           :editorDependencies="['ueditor.config.js','ueditor.all.js']"
   
8.                           style="height:500px;"/>
   
9.     </div>
   
10. </template>
    
11. <script>
    
12.     export default {
    
13.         data() {
    
14.             return {
    
15.                 content: '<p>Hello UEditorPlus</p>',
    
16.                 editorConfig: {
    
17.                     // 编辑器后端服务接口，参考后端规范 https://open-doc.modstart.com/ueditor-plus/backend.html
    
18.                     serverUrl: '后端服务',
    
19.                     // 配置 UEditorPlus 的静态资源根路径，可以是 CDN 的静态资源地址
    
20.                     UEDITOR_HOME_URL: '/static/UEditorPlus',
    
21.                     UEDITOR_CORS_URL: '/static/UEditorPlus'
    
22.                 }
    
23.             }
    
24.         }
    
25.     }
    
26. </script>

复制代码

二次开发第一步，clone代码到本地
第二步，开始功能开发

使用浏览器打开 _examples/index.html 页面相关内容，完成功能开发

第三步，打包

1. npm install
   
2. grunt default

复制代码

基于 UEditor 二次开发的富文本编辑器，让UEditor重新焕发活力

游客，本帖隐藏的内容需要积分高于 2 才可浏览，您当前积分为 0

提取码下载：

文件名称:提取码下载.txt 
下载次数:1  文件大小:14 Bytes  售价:29金钱 [记录]
下载权限: 不限 [购买VIP]   [充值]   [在线充值]   【VIP会员5折；永久VIP免费】

安全检测，请放心下载