https://github.com/iview/iview-editor

iView Editor
https://github.com/iview/iview-editor

Last synced: about 1 month ago
JSON representation

iView Editor

• Host: GitHub
• URL: https://github.com/iview/iview-editor
• Owner: iview
• License: mit
• Created: 2018-04-03T01:08:53.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-12-09T14:40:56.000Z (about 6 years ago)
• Last Synced: 2024-04-25T15:43:32.272Z (8 months ago)
• Language: Vue
• Homepage: http://editor.iviewui.com/
• Size: 623 KB
• Stars: 222
• Watchers: 6
• Forks: 23
• Open Issues: 17
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-iview - iview-editor
• awesome-web-editor - iview-editor - iView Editor. (Rich text editor)

README

        
# iView Editor

[http://editor.iviewui.com](http://editor.iviewui.com)

> iView Editor 是基于 iView 的 markdown 编辑器，支持上传图片（可集成七牛等服务），支持全屏实时编辑预览。

## 如何使用

### 通过 npm 安装

```

npm install iview-editor --save

```

在 webpack 中使用插件，部分代码省略：

``` js

import Vue from 'vue';

import iView from 'iview';

import iEditor from 'iview-editor';

// 使用 css

import 'iview/dist/styles/iview.css';

import 'iview-editor/dist/i-editor.css';

// 使用插件

Vue.use(iView);

Vue.use(iEditor);

```

在 .vue 中使用：

``` html

    

    export default {

        data () {

            return {

                content: ''

            }

        }

    }

```

### 通过 CDN 使用

``` html

    

        

        iView Editor

        

        

        

        

        

    

    

        


            

        

        

            new Vue({

                el: '#app',

                data: {

                    content: ''

                }

            })

        

    


```