@slate-editor/bold-plugin

@slate-editor/bold-plugin

SlateJS 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:

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

const plugins = [
  BoldPlugin()
]

const SlateRichTextEditor = () => (
  <SlateEditor plugins={plugins}>
    <SlateToolbar>
      <BoldButtonBar />
    </SlateToolbar>

    <SlateContent />
  </SlateEditor>
)

export default SlateRichTextEditor

Keyboard Shortcut

OS	Shortcut
	⌘+b
	^+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

Changelog

5.0.0 (2018-05-08)

Bug Fixes

• ci: add staging slate-editor-example package context #62 (9bc14b7)
• ci: example to initialize example on staging #62 (0ec1ac5)
• ci: replace slash from branch name (d001d99)
• components: tooltip module export #62 (d9feb44)
• example: rename slate-editor-components and slate-editor-utils #62 (a088706)
• lerna: update current version to latest published version #62 (c4cecfb)
• package: add config to publish scoped packages #62 (5323c29)
• package: update latest published version (f5790fa)
• packages: add npm publishConfig to all packages #62 (d8ba31b)
• packages: add sideEffects to false for all packages #62 (378d01b)
• start command that install packages and loads .env file #62 (e440678)
• packages: ensure integrity of dependencies for each package #62 (4a50079)
• packages: specify explicitly public access on scoped packages #62 (c7b53cf)

<a name="4.0.1"></a>