online-vue-editor
short description + sample image(png/gif/mp4)
Table of Contents
Introduction
本插件为 vue-live
的一个 layout
皮肤
即组件使用方式可以参考或者使用原仓库
引用 layout
可以引用本插件
Features
Install
npm i "online-vue-editor"
Usage
vue-live
使用, 全局安装
不安装 Vue
vue-live
使用, 局部安装
不安装 <template> <online-vue-editor :code="code" /></template> <script>import OnlineVueEditor from 'online-vue-editor' export default { components: { OnlineVueEditor }, data() { return { code: `<input type='button' value='I am ccc' />` } }}</script>
vue-live
,使用本库作为 layout 引入 -- 推荐
安装 此种方式可以不受限于此库享受 vue-live
的最新支持,所以推荐此种使用方式
<template> <vue-live :layout="OnlineVueLayout" :code="code" /></template> <script>import {VueLive} from 'vue-live'import {OnlineVueLayout} from 'online-vue-editor' export default { components: { VueLive, OnlineVueEditor }, data() { return { code: `<input type='button' value='I am ccc' />` } }}</script>
Links
Contributing
For those who are interested in contributing to this project, such as:
- report a bug
- request new feature
- fix a bug
- implement a new feature
Please refer to our contributing guide.
Contributors
Thanks goes to these wonderful people (emoji key):
This project follows the all-contributors specification. Contributions of any kind welcome!