grapesjs-blocks-basic

WebJar for grapesjs-blocks-basic

License

License

BSD 3-Clause
Categories

Categories

JavaScript Languages
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

grapesjs-blocks-basic
Last Version

Last Version

0.1.8
Release Date

Release Date

Type

Type

jar
Description

Description

grapesjs-blocks-basic
WebJar for grapesjs-blocks-basic
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/artf/grapesjs-blocks-basic

Download grapesjs-blocks-basic

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-blocks-basic/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>grapesjs-blocks-basic</artifactId>
    <version>0.1.8</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-blocks-basic/
implementation 'org.webjars.npm:grapesjs-blocks-basic:0.1.8'
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-blocks-basic/
implementation ("org.webjars.npm:grapesjs-blocks-basic:0.1.8")
'org.webjars.npm:grapesjs-blocks-basic:jar:0.1.8'
<dependency org="org.webjars.npm" name="grapesjs-blocks-basic" rev="0.1.8">
  <artifact name="grapesjs-blocks-basic" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='grapesjs-blocks-basic', version='0.1.8')
)
libraryDependencies += "org.webjars.npm" % "grapesjs-blocks-basic" % "0.1.8"
[org.webjars.npm/grapesjs-blocks-basic "0.1.8"]

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 Basic Blocks

This plugin contains some basic blocks for the GrapesJS editor

Demo

Summary

  • Plugin name: gjs-blocks-basic
  • Blocks: column1, column2, column3, column3-7, text, link, image, video, map

Options

Option Description Default
blocks Which blocks to add ['column1', 'column2', 'column3', 'column3-7', 'text', 'link', 'image', 'video', 'map'] (all)
category Category name Basic
flexGrid Make use of flexbox for the grid false
stylePrefix Classes prefix gjs-
addBasicStyle Use basic CSS for blocks true
labelColumn1 1 Column label 1 Column
labelColumn2 2 Columns label 2 Columns
labelColumn3 3 Columns label 3 Columns
labelColumn37 3/7 Columns label 2 Columns 3/7
labelText Text label Text
labelLink Link label Link
labelImage Image label Image
labelVideo Video label Video
labelMap Map label Map
rowHeight Initial height 75px

Download

  • npm i grapesjs-blocks-basic

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

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

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

Development

Clone the repository

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

Install it

$ 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.8