Twitter

Twitter is a node extension that allows you to add an Twitter to your editor.

• react-tweet

Usage

import { Twitter } from 'reactjs-tiptap-editor/twitter'; 

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

Configuration bubble menu

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

const App = () => {

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

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

Source

Source • Docs

Contributors

Hung Hoang

Changelog

v0.1.4 on 11/6/2024

8eda2 - feat: add extension twitter