@slate-editor/bold-plugin

Installation

The @slate-editor/bold-plugin is available as an npm package.

``
yarn add @slate-editor/bold-plugin
`

Usage

Here is a quick example to get you started:

`js
import React from 'react'
import { SlateEditor, SlateToolbar, SlateContent } from 'slate-editor'
import { BoldPlugin, BoldButtonBar } from '@slate-editor/bold-plugin'

const plugins = [
BoldPlugin()
]

const SlateRichTextEditor = () => (







)

export default SlateRichTextEditor
`

Keyboard Shortcut

| OS | Shortcut |
|--------------------------|----------|
| ![Apple Logo][apple] | ⌘+b |
| ![Windows Logo][windows] | ^+b |

API

| Name | Description |
|----------------------|---------------------------------------------------------------------------|
| BoldMark | Component that holds the html that will wrap the content with bold style. |
| BoldUtils | Generic file that holds the util common functions. |
| BoldButton | Button component that have behaviour to wrap content with bold style. |
| BoldKeyboardShortcut | Keyboard shortcut file that manipulates onKeyDown` event inside SlateJS. |

TODO

- Make keyboard shortcut accepts customization

[apple]: https://cdn2.iconfinder.com/data/icons/designer-skills/128/apple-ios-system-platform-os-mac-linux-48.png
[windows]: https://cdn2.iconfinder.com/data/icons/designer-skills/128/windows-48.png