Example

Import and configure the extension in your Tiptap editor:

import { Editor } from '@tiptap/core';
import { ImagePlus } from 'tiptap-image-plus';

const editor = new Editor({
  extensions: [
    ImagePlus.configure({
      // Optional: custom options
        wrapperStyle: { cursor: 'pointer' },
        containerStyle: {
            background: "linear-gradient(90deg,rgba(30, 88, 117, 1) 0%, rgba(87, 199, 133, 1) 50%, rgba(237, 221, 83, 1) 100%)",
            padding: "25px",
            borderRadius: "10px",
        },
    }),
    // ...other extensions
  ],
});

You can now use all the advanced image features in your editor.

Example

Links:

• NPM
• GitHub