0.3.14 • Published 4 years ago
grapesjs-shape-divider v0.3.14
GrapesJS Shape Divider
This plugin adds a Shape divider block with different svg shapes.
Summary
- Plugin name:
grapesjs-shape-divider
- Blocks
Shape Divider
Options
Option | Description | Default |
---|---|---|
Shape | Shape level | Tilt |
category | Category name | Selection |
defaultTagName | TagName by default | svg |
Flip vertically | Vertical position | vertical |
Flip horizontally | Horizontally | horizontal |
Download
- CDN
https://unpkg.com/grapesjs-shape-divider
- NPM
npm i grapesjs-shape-divider
- GIT
git clone https://github.com/Abhisheknanda1344463/grapesjs-shape-divider
Usage
<link
href="https://unpkg.com/grapesjs/dist/css/grapes.min.css"
rel="stylesheet"
/>
<script src="https://unpkg.com/grapesjs"></script>
<script src="path/to/grapesjs-shape-divider.min.js"></script>
<div id="gjs"></div>
<script type="text/javascript">
var editor = grapesjs.init({
container : '#gjs',
...
plugins: ['grapesjs-shape-divider']
});
</script>
Development
Clone the repository
$ git clone https://github.com/Abhisheknanda1344463/grapesjs-shape-divider
$ cd grapesjs-shape-divider
Install dependencies
$ npm i
The plugin relies on GrapesJS via peerDependencies
so you have to install it manually (without adding it to package.json)
$ npm i grapesjs --no-save
Start the dev server
$ npm start
License
BSD 3-Clause