Package Exports

@draft-js-plugins/sticker

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@draft-js-plugins/sticker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

DraftJS Sticker Plugin

This is a plugin for the draft-js-plugins-editor.

This plugin allows you to add stickers to your editor!

Usage:

import createStickerPlugin from '@draft-js-plugins/sticker';

const stickerPlugin = createStickerPlugin({ stickers });
const { StickerSelect } = stickerPlugin;

Importing the default styles

The plugin ships with a default styling available at this location in the installed package: node_modules/draft-js-sticker-plugin/lib/plugin.css.

Webpack Usage

Follow the steps below to import the css file by using Webpack's style-loader and css-loader.

Install Webpack loaders: npm install style-loader css-loader --save-dev
Add the below section to Webpack config (if your Webpack already has loaders array, simply add the below loader object({test:foo, loaders:bar[]}) as an item in the array).
```
module: {
  loaders: [
    {
      test: /\.css$/,
      loaders: ['style-loader', 'css'],
    },
  ];
}
```
Add the below import line to your component to tell Webpack to inject style to your component.
```
import 'draft-js-sticker-plugin/lib/plugin.css';
```
Restart Webpack.

Exported functions

Props	Description
add(editorState: Object, stickerId: any)	add a Sticker ContentBlock after the current Selection
remove(editorState: Object, blockKey: String)	removes a Sticker ContentBlock
Sticker	the default Sticker Component
StickerSelect	a basic StickerSelector