grapesjs-blocks-flexbox

WebJar for grapesjs-blocks-flexbox

License	BSD 3-Clause
Categories	JavaScript Languages
GroupId	org.webjars.npm
ArtifactId	grapesjs-blocks-flexbox
Last Version	0.1.1
Release Date	Dec 10, 2018
Type	jar
Description	grapesjs-blocks-flexbox WebJar for grapesjs-blocks-flexbox
Project URL	http://webjars.org
Source Code Management	https://github.com/artf/grapesjs-blocks-flexbox

Download grapesjs-blocks-flexbox

Filename	Size
grapesjs-blocks-flexbox-0.1.1.pom
grapesjs-blocks-flexbox-0.1.1.jar	10 KB
grapesjs-blocks-flexbox-0.1.1-sources.jar	22 bytes
grapesjs-blocks-flexbox-0.1.1-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-blocks-flexbox/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>grapesjs-blocks-flexbox</artifactId>
    <version>0.1.1</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-blocks-flexbox/
implementation 'org.webjars.npm:grapesjs-blocks-flexbox:0.1.1'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-blocks-flexbox/
implementation ("org.webjars.npm:grapesjs-blocks-flexbox:0.1.1")

Apache Buildr

'org.webjars.npm:grapesjs-blocks-flexbox:jar:0.1.1'

Apache Ivy

<dependency org="org.webjars.npm" name="grapesjs-blocks-flexbox" rev="0.1.1">
  <artifact name="grapesjs-blocks-flexbox" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='grapesjs-blocks-flexbox', version='0.1.1')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "grapesjs-blocks-flexbox" % "0.1.1"

Leiningen

[org.webjars.npm/grapesjs-blocks-flexbox "0.1.1"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

GrapesJS Blocks Flexbox

This plugin adds the Flexbox block which allows creating easily flexible and responsive columns

Demo

Summary

• Plugin name: gjs-blocks-flexbox
• Blocks
  • flexbox

Options

Option	Description	Default
stylePrefix	Classes prefix	''
flexboxBlock	Use this to extend the default flexbox block	{}
labelRow	Row label	Row
labelColumn	Column label	Column

Download

• CDN
  • https://unpkg.com/grapesjs-blocks-flexbox
• NPM
  • npm i grapesjs-blocks-flexbox
• GIT
  • git clone https://github.com/artf/grapesjs-blocks-flexbox.git

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-blocks-flexbox.min.js"></script>

<div id="gjs"></div>

<script type="text/javascript">
  var editor = grapesjs.init({
      container : '#gjs',
      ...
      plugins: ['gjs-blocks-flexbox'],
      pluginsOpts: {
        'gjs-blocks-flexbox': {
          // options
        }
      }
  });
</script>

Development

Clone the repository

$ git clone https://github.com/artf/grapesjs-blocks-flexbox.git
$ cd grapesjs-blocks-flexbox

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

Versions

Version
0.1.1 Dec 10, 2018