@artibox/slate-blockquote

@artibox/slate-blockquote

Slate blockquote.

Installation

npm install @artibox/slate-blockquote --save

or

$ yarn add @artibox/slate-blockquote

Usage

Editor

import React from 'react';
import { Blockquote as BlockquoteIcon } from '@artibox/icons';
import { createArtiboxEditor } from '@artibox/slate-editor';
import { Toolbar } from '@artibox/slate-toolbar';
import { createBlockquote } from '@artibox/slate-blockquote';

const Blockquote = createBlockquote();

const plugins = [
  Blockquote.forPlugin(),
  Toolbar.forPlugin({
    collapsedTools: [{ icon: BlockquoteIcon, hook: Blockquote.forToolHook() }]
  })
];

const Editor = createArtiboxEditor({
  plugins
});

export default Editor;

Jsx Serializer

import { createJsxSerializer } from '@artibox/slate-jsx-serializer';
import { createBlockquoteJsxSerializerRule } from '@artibox/slate-blockquote';

const jsxSerializer = createJsxSerializer({
  blocks: [
    createBlockquoteJsxSerializerRule()
  ]
});

...

return (
  <div>
    {jsxSerializer(valueJSON /* from slate */)}
  </div>
);

API

• constants
• createBlockquote
• createBlockquoteJsxSerializerRule
• Blockquote.forPlugin
• Blockquote.forToolHook
• BlockquoteController

Hotkey

OS	Shortcut
	ctrl+opt</kbd+q
	ctrl+alt</kbd+q

Changelog

1.2.0 (2020-09-26)

Features

• image: caption (#60) (1bea030)

BREAKING CHANGES

• image: Image controller methods changed Jsx serializer become multiple as list's Old images won't break, but new images will be wrapped by a figure