JarCasting
JarCasting JarCasting

grapesjs-preset-webpage

WebJar for grapesjs-preset-webpage

License

License

BSD 3-Clause
Categories

Categories

JavaScript Languages
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

grapesjs-preset-webpage
Last Version

Last Version

0.1.11
Release Date

Release Date
Type

Type

jar
Description

Description

grapesjs-preset-webpage
WebJar for grapesjs-preset-webpage
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/artf/grapesjs-preset-webpage

Download grapesjs-preset-webpage

Filename Size
grapesjs-preset-webpage-0.1.11.pom
grapesjs-preset-webpage-0.1.11.jar 72 KB
grapesjs-preset-webpage-0.1.11-sources.jar 22 bytes
grapesjs-preset-webpage-0.1.11-javadoc.jar 22 bytes
Browse

How to add to project

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

Dependencies

compile (7)

Group / Artifact Type Version
org.webjars.npm : grapesjs-plugin-export jar [0.1.5,0.2)
org.webjars.npm : grapesjs-plugin-filestack jar [0.1.1,0.2)
org.webjars.npm : grapesjs-plugin-forms jar [0.3.5,0.4)
org.webjars.npm : grapesjs-navbar jar [0.1.5,0.2)
org.webjars.npm : grapesjs-component-countdown jar [0.1.2,0.2)
org.webjars.npm : grapesjs-aviary jar [0.1.2,0.2)
org.webjars.npm : grapesjs-blocks-basic jar [0.1.7,0.2)

Project Modules

There are no modules declared in this project.

GrapesJS Preset Webpage

Summary

  • Plugin name: gjs-preset-webpage
  • Includes:
    • grapesjs-blocks-basic Basic set of blocks
    • grapesjs-navbar Simple navbar component
    • grapesjs-component-countdown Simple countdown component
    • grapesjs-plugin-forms Set of form components and blocks
    • grapesjs-aviary Add the Aviary Image Editor
    • grapesjs-plugin-filestack Add Filestack uploader in Asset Manager
    • grapesjs-plugin-export Export GrapesJS templates in a zip archive
  • Commands:
    • gjs-open-import-webpage Opens a modal for the import
    • set-device-desktop Set desktop device
    • set-device-tablet Setup tablet device
    • set-device-mobile Setup mobile device
    • canvas-clear Clear all components and styles inside canvas
  • Blocks:
    • link-block
    • quote
    • text-basic

Options

Option Description Default
blocks Which blocks to add ['link-block', 'quote', 'text-basic']
modalImportTitle Modal import title 'Import'
modalImportButton Modal import button text 'Import'
modalImportLabel Import description inside import modal ''
modalImportContent Default content to setup on import model open. Could also be a function with a dynamic content return (must be a string) eg. modalImportContent: editor => editor.getHtml() ''
importViewerOptions Code viewer (eg. CodeMirror) options {}
textCleanCanvas Confirm text before cleaning the canvas 'Are you sure to clean the canvas?'
showStylesOnChange Show the Style Manager on component change true
textGeneral Text for General sector in Style Manager 'General'
textLayout Text for Layout sector in Style Manager 'Layout'
textTypography Text for Typography sector in Style Manager 'Typography'
textDecorations Text for Decorations sector in Style Manager 'Decorations'
textExtra Text for Extra sector in Style Manager 'Extra'
customStyleManager Use custom set of sectors for the Style Manager []
blocksBasicOpts grapesjs-blocks-basic plugin options. By setting this option to false will avoid loading the plugin {}
navbarOpts grapesjs-navbar plugin options. By setting this option to false will avoid loading the plugin {}
countdownOpts grapesjs-component-countdown plugin options. By setting this option to false will avoid loading the plugin {}
formsOpts grapesjs-plugin-forms plugin options. By setting this option to false will avoid loading the plugin {}
exportOpts grapesjs-plugin-export plugin options. By setting this option to false will avoid loading the plugin {}
aviaryOpts grapesjs-aviary plugin options. Aviary library should be included manually. By setting this option to false will avoid loading the plugin false
filestackOpts grapesjs-plugin-filestack plugin options. Filestack library should be included manually. By setting this option to false will avoid loading the plugin false

Download

$ npm i grapesjs-preset-webpage

Usage

<link href="path/to/grapes.min.css" rel="stylesheet"/>
<link href="path/to/grapesjs-preset-webpage.min.css" rel="stylesheet"/>
<script src="path/to/grapes.min.js"></script>
<script src="path/to/grapesjs-preset-webpage.min.js"></script>

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

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

Development

Clone the repository

$ git clone [email protected]:artf/grapesjs-preset-webpage.git && cd grapesjs-preset-webpage

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.11
0.1.10