# vue-ueditor-wrap-xiumi

**Repository Path**: bob0411/vue-ueditor-wrap-xiumi

## Basic Information

- **Project Name**: vue-ueditor-wrap-xiumi
- **Description**: ueditor-plus引入秀米
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2024-06-15
- **Last Updated**: 2025-02-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


#### 1. 打开官方文档 https://open-doc.modstart.com/ueditor-plus/guide.html#vue2-%E4%BD%BF%E7%94%A8

#### 2. 去[ueditor-plus](https://gitee.com/modstart-lib/ueditor-plus/blob/master/_examples/uparsedemo.html)官方代码仓库下载源码。我用的是v3.9.0.

#### 3. 将源码中的dist-min文件复制到项目public文件夹下，重命名为 UEditorPlus。

#### 4. 在UEditorPlus下新建xiumi文件夹，用于放置xiumi相关文件。

#### 5. 从[秀米图文排版UEditor插件示例](https://ent.xiumi.us/ue/)下载两个文件就行（xiumi-ue-dialog-v5.html、xiumi-ue-dialog-v5.js）），不需要4个都下载。

#### 6. 最关键的一步：vue-ueditor-wrap标签上的属性:editorDependencies="['ueditor.config.js','ueditor.all.js','xiumi/xiumi-ue-dialog-v5.js']"，我是看了源码才发现如此使用的。

#### 7. 修改xiumi/xiumi-ue-dialog-v5.js文件，按钮cssRules、弹窗iframeUrl等，xiumi-ue-dialog-v5.html也有局部小改动改动

#### 8. editorConfig中的toolbars加上“xiumi”，因为我将xiumi/xiumi-ue-dialog-v5.js中注册的uiName改成了“xiumi”

#### 大功告成，可以使用了