update magic-editor/README.md.

This commit is contained in:
小东 2022-03-17 02:55:48 +00:00 committed by Gitee
parent 482150cf98
commit 3303b93674
No known key found for this signature in database
GPG Key ID: 173E9B9CA92EEF8F

View File

@ -1,70 +1,8 @@
# magic-editor
你可以通过以下几种方式获得源码
`magic-editor`是 [magic-api](https://gitee.com/ssssssss-team/magic-api) 配套的前端,目前有两种引入方式。
- 使用`1.7.5`版本
- 如果你认为对`magic-api`有贡献,可以申请白嫖,包括但不限于推广、教程、成为贡献者、开源推荐等等
- 捐赠 `>=99`元可获得源码
- 截止`2022-03-16`之前,有捐赠过任意金额的、提交过任意代码的,均可申请
## 一、以jar的方式引入
在 [magic-api-spring-boot-starter](https://gitee.com/ssssssss-team/magic-api) 中已经是自动引入了,所以无需配置
按照 [magic-api-spring-boot-starter](https://gitee.com/ssssssss-team/magic-api) 的集成方式,启动之后访问`http://localhost:9999/magic/web`即可
## 二、以Vue的组件的方式引入
### 安装组件
`npm install --save magic-editor``npm i --save magic-editor`
### 使用组件
```html
<template>
<div id="app">
<!-- 引入magic-editor组件 -->
<magic-editor :config="config"/>
</div>
</template>
<script>
// 引入组件
import MagicEditor from 'magic-editor'
// 引入样式
import 'magic-editor/dist/magic-editor.css'
export default {
name: 'App',
components: {
MagicEditor
},
data(){
return {
config:{
baseURL: 'http://localhost:9999/magic/web', //配置后台服务
serverURL: 'http://localhost:9999/' //配置接口实际路径
// 其它配置请参考文档
}
}
}
}
</script>
<style>
html,body,#app {
width: 100%;
height:100%;
margin:0;
padding:0
}
</style>
```
需要的注意的是,这种引入方式,后台同样需要配置`magic-api.web`,但可以不需要`magic-editor`的`jar`可以在pom中排除掉
```xml
<dependency>
<groupId>org.ssssssss</groupId>
<artifactId>magic-api-spring-boot-starter</artifactId>
<version>lastest-version</version><!-- 自行替换为最新的版本号 -->
<exclusions>
<exclusion>
<groupId>org.ssssssss</groupId>
<artifactId>magic-editor</artifactId>
</exclusion>
</exclusions>
</dependency>
```
申请方式:站内信、捐赠留言、或本页评论,均需要留邮箱地址。