draft-js-sticker-plugin v2.0.4
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-sticker-plugin';
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 |
7 years ago
8 years ago
8 years ago
8 years ago
8 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago