❤
npm
Sign UpSign In

vue-grapesjs-component

1.0.1 • Public • Published

vue-grapesjs-component

NPM package NPM downloads

Use grapesjs like vue component.

Install

npm install --save vue-grapesjs-component
or
yarn add vue-grapesjs-component

Usage

Plugin install:

import Vue from 'vue'
import VueGrapesjsComponent from 'vue-grapesjs-component';
 
Vue.use(VueGrapesjsComponent)

and then:

<vue-grapesjs-component>
  <h1>Hello</h1>
</vue-grapesjs-component>

In your layout html add grapesjs library:

<html>
  <head>
    <script src="https://unpkg.com/grapesjs"></script> 
    <link rel="stylesheet" href="https://unpkg.com/grapesjs/dist/css/grapes.min.css">
  </head>
</html>

Props

name type default description
config Object - Go to grapesjs documentation in initialize section for more details

Events

name description $event
load Fires when editor is initialized editor
update Fires when the structure of the template is updated { components: Array, styles: Array }

Slots

name description
default Template content

License

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i vue-grapesjs-component

Weekly Downloads

1

Version

1.0.1

License

none

Unpacked Size

25.2 kB

Total Files

6

Last publish

Collaborators

  • oliv75
Try on RunKit
Report malware