1.2.0 ā€¢ Published 4 years ago

@artibox/slate-underline v1.2.0

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

Slate underline.

npm package npm downloads

Installation

npm install @artibox/slate-underline --save

or

$ yarn add @artibox/slate-underline

Usage

Editor

import React from 'react';
import { Underline as UnderlineIcon } from '@artibox/icons';
import { createArtiboxEditor } from '@artibox/slate-editor';
import { Toolbar } from '@artibox/slate-toolbar';
import { createUnderline } from '@artibox/slate-underline';

const Underline = createUnderline();

const plugins = [
  Underline.forPlugin(),
  Toolbar.forPlugin({
    expandedTools: [{ icon: UnderlineIcon, hook: Underline.forToolHook() }]
  })
];

const Editor = createArtiboxEditor({
  plugins
});

export default Editor;

Jsx Serializer

import { createJsxSerializer } from '@artibox/slate-jsx-serializer';
import { createUnderlineJsxSerializerRule } from '@artibox/slate-underline';

const jsxSerializer = createJsxSerializer({
  marks: [
    createUnderlineJsxSerializerRule()
  ]
});

...

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

API

This package is based on based on @artibox/slate-toggle-mark.

Hotkey

OSShortcut
Apple LogoāŒ˜+u
Windows Logoctrl+u
1.2.0

4 years ago

1.1.0

4 years ago

1.0.0

4 years ago

0.2.0

4 years ago

0.1.2

4 years ago

0.1.1

4 years ago

0.1.0

4 years ago