grapesjs-plugin-filestack

WebJar for grapesjs-plugin-filestack

License

License

BSD 3-Clause
Categories

Categories

JavaScript Languages
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

grapesjs-plugin-filestack
Last Version

Last Version

0.1.1
Release Date

Release Date

Type

Type

jar
Description

Description

grapesjs-plugin-filestack
WebJar for grapesjs-plugin-filestack
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/artf/grapesjs-plugin-filestack

Download grapesjs-plugin-filestack

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-plugin-filestack/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>grapesjs-plugin-filestack</artifactId>
    <version>0.1.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-plugin-filestack/
implementation 'org.webjars.npm:grapesjs-plugin-filestack:0.1.1'
// https://jarcasting.com/artifacts/org.webjars.npm/grapesjs-plugin-filestack/
implementation ("org.webjars.npm:grapesjs-plugin-filestack:0.1.1")
'org.webjars.npm:grapesjs-plugin-filestack:jar:0.1.1'
<dependency org="org.webjars.npm" name="grapesjs-plugin-filestack" rev="0.1.1">
  <artifact name="grapesjs-plugin-filestack" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='grapesjs-plugin-filestack', version='0.1.1')
)
libraryDependencies += "org.webjars.npm" % "grapesjs-plugin-filestack" % "0.1.1"
[org.webjars.npm/grapesjs-plugin-filestack "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 Filestack

This plugin replaces the default file uploader with the one from Filestack

Demo: http://grapesjs.com/demo.html

GrapesJS


Summary

  • Plugin
    • Name: gjs-plugin-filestack
    • Options:
      • key Filestack's API key (required)
      • btnEl Custom button element which triggers Filestack modal
      • btnText Text for the button in case the custom one is not provided, default: Add images
      • filestackOpts Filestack's options, default: {accept: 'image/*', maxFiles: 10}
      • onComplete On complete upload callback, eg. onComplete: (blobs, assets) => {...} blobs Array of Objects, eg. [{url:'...', filename: 'name.jpeg', ...}] assets Array of inserted assets

Prerequisites

  • filestack-js up to v0.11.5 only (not compatible with filestack-js v1 and above)

Download

Usage

<link href="path/to/grapes.min.css" rel="stylesheet"/>
<link href="path/to/grapesjs-plugin-filestack.css" rel="stylesheet"/>

<script src="path/to/grapes.min.js"></script>
<script src="path/to/grapesjs-plugin-filestack.min.js"></script>

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

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

Development

Clone the repository

$ git clone https://github.com/artf/grapesjs-plugin-filestack.git
$ cd grapesjs-plugin-filestack

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.1