Excalidraw

The Excalidraw extension allows you to add an Excalidraw to your editor.

• Based on Excalidraw. Excalidraw

Usage

import { Excalidraw } from 'reactjs-tiptap-editor/excalidraw'; 

const extensions = [
  ...,
  // Import Extensions Here
  Excalidraw 
];

Configuration bubble menu

import { BubbleMenuExcalidraw } from 'reactjs-tiptap-editor/bubble-extra'; 

const App = () => {

  return  <RichTextEditor
    bubbleMenu={{
      render({ extensionsNames, editor, disabled }, bubbleDefaultDom) {
        return <>
          {bubbleDefaultDom}

          {extensionsNames.includes('excalidraw')  ? <BubbleMenuExcalidraw disabled={disabled}
            editor={editor}
            key="excalidraw"
          /> : null}
        </>
      },
    }}
  />
}

Source

Source • Docs

Contributors

Hung Hoang

Changelog

v0.0.31 on 9/1/2024

0a2a6 - feat: add excalidraw