@draft-js-enhance-plugins/code
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.1 • Public • Published

    DraftJS Code Plugin

    This is a plugin for the @draft-js-plugins/editor.

    Feature

    • Syntax highlighting with prismjs

    • Press enter to insert new line in the same code-block

    • Automatically remove all inline styles

    TODO

    • [ ] Enable change the language key to the data of the code block

    Usage

    import { EditorState } from 'draft-js';
    import Editor from '@draft-js-plugins/editor';
    import { Map } from 'immutable';
    import createCodePlugin from '@draft-js-enhance-plugins/code';
    
    const codePlugin = createCodePlugin();
    
    const plugins = [codePlugin];
    
    function Example() {
      const [editorState, setEditorState] = useState(EditorState.createEmpty());
    
      return (
        <Editor
          editorState={editorState}
          onChange={setEditorState}
          blockRenderMap={DefaultDraftBlockRenderMap.merge(
            Map({
              'code-block': {
                element: 'pre',
                wrapper: <div />,
              },
            })
          )}
          plugins={plugins}
        />
      );
    }

    Install

    npm i @draft-js-enhance-plugins/code

    DownloadsWeekly Downloads

    1

    Version

    1.0.1

    License

    MIT

    Unpacked Size

    8.4 kB

    Total Files

    6

    Last publish

    Collaborators

    • varieget