Package Exports
- last-draft-js-toolbar-plugin
- last-draft-js-toolbar-plugin/lib/plugin.css
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 (last-draft-js-toolbar-plugin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
DraftJS toolbar Plugin
This is a plugin for the draft-js-plugins-editor.
Usage
import createToolbarPlugin from 'last-draft-js-toolbar-plugin'
import 'last-draft-js-toolbar-plugin/lib/plugin.css'
const toolbarPlugin = createToolbarPlugin()
const { Toolbar } = toolbarPlugin
<Editor
editorState={this.state.editorState}
onChange={this.onChange}
plugins={plugins}
/>
<Toolbar />Importing the default styles
The plugin ships with a default styling available at this location in the installed package:
node_modules/last-draft-js-toolbar-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-devAdd the below section to Webpack config.
module: { loaders: [{ test: /\.css$/, loaders: [ 'style', 'css' ] }] }
Add the below import line to your component to tell Webpack to inject the styles.
import 'last-draft-js-toolbar-plugin/lib/plugin.css';
Restart Webpack.