@abdelilah/react-rich-text 中文文档教程

Question

! This is a work in progress !

react-rich-text 是一个简单易用的基于 draft-js 的所见即所得文本编辑器。

Installation

npm install --save react-rich-text

Usage

<RichText
    placeholder={'Enter some text'}
    value={value}
    onChange={(value) => console.log('New value', value)}
    buttons={[
        'H1',
        'H2',
        'H3',
        'BOLD',
        'ITALIC',
        'UNDERLINE',
        'STRIKETHROUGH',
        'BLOCKQUOTE',
        'UL',
        // Custom button
        {
            label: 'Lorem Ipsum',
            onToggle: context => {
                const { editorState, onChange } = context;
                const contentState = Modifier.insertText(
                editorState.getCurrentContent(),
                editorState.getSelection(),
                'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut congue ligula eget arcu egestas bibendum.\n',
                );

                onChange(EditorState.push(editorState, contentState, 'insert-characters'));
            },
        },
    ]}
/>

Documentation

使用 typedoc 生成的文档可以在 ./docs 文件夹中找到