Install

You must install this package along with its peer dependency:

npm install tiptap-image-plus @tiptap/extension-image

or

yarn add tiptap-image-plus @tiptap/extension-image

Peer Dependencies

• @tiptap/extension-image

Make sure to install them to ensure everything works correctly.

Configuration

ImagePlus extends the default Tiptap image extension. You can pass all @tiptap/extension-image options, plus:

Option	Type	Default	Description
wrapperStyle	object	{ }	CSS properties for the image wrapper
containerStyle	object	{ }	CSS properties for the image container

Example

ImagePlus.configure({
    wrapperStyle: { background: 'gray', borderRadius: '10px' },
    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",
    }
})