update magic-editor/README.md.
This commit is contained in:
parent
482150cf98
commit
3303b93674
@ -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>
|
||||
```
|
||||
申请方式:站内信、捐赠留言、或本页评论,均需要留邮箱地址。
|
||||
Loading…
Reference in New Issue
Block a user