Socket
Socket
Sign inDemoInstall

@slate-editor/bold-plugin

Package Overview
Dependencies
9
Maintainers
2
Versions
11
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    @slate-editor/bold-plugin

SlateJS bold mark plugin.


Version published
Weekly downloads
1.1K
increased by44.88%
Maintainers
2
Install size
465 kB
Created
Weekly downloads
 

Changelog

Source

5.1.0 (2018-10-25)

Bug Fixes

  • editor: upgrade slate and slate-react to fix any bugs on firefox (080849b)
  • embed-plugin: remove focus on insert embed (85b727b)
  • font-size-plugin: change strategy to pick up selected font size (6d47d8a)
  • plugins: change behavior of selection when edit link (03e6c36)
  • plugins: change deprecation methods for Selection (e7166e3)
  • plugins: change strategy to pick up color and font family values (d3d8432)

Features

  • editor: migrate slate to v0.35.0 (fb8e799)
  • editor: migrate slate to v0.36.0 (aff54ac)
  • editor: migrate slate to version v0.41.0 (acdd4d1)
  • editor: migrate to slate version v0.37.0 (5f91b55)
  • editor: upgrade slate to version v0.40.0 (6ac3941)
  • slate: upgrade slate to v0.32.0 (935eb3f)
  • slate: upgrade tp v0.34.0 (860dc57)

<a name="5.0.0"></a>

Readme

Source
Nossas Cidades logo

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

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

OSShortcut
Apple Logo+b
Windows Logo^+b

API

NameDescription
BoldMarkComponent that holds the html that will wrap the content with bold style.
BoldUtilsGeneric file that holds the util common functions.
BoldButtonButton component that have behaviour to wrap content with bold style.
BoldKeyboardShortcutKeyboard shortcut file that manipulates onKeyDown event inside SlateJS.

TODO

  • Make keyboard shortcut accepts customization

Keywords

FAQs

Last updated on 25 Oct 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc