How can I manually target Image Extension in this editor

[sagarpadia7]

Can someone help me manually target the Image Extension in the editor? I don’t want to display the toolbar, and I want to achieve this using a custom input button instead of showing the modal. How can I target the same Image Extension functionality using my custom button?

[hunghg255]

you can reference this code https://github.com/hunghg255/reactjs-tiptap-editor/blob/main/src/extensions/Image/Image.ts
Create an extension image for yourself

[sagarpadia7]

I can create my own extension, but I want the same functionality as yours. Specifically, I want to target the image functionality without the toolbar, as shown in the image below. I just need it with the gallery button.

[hunghg255]

I can create my own extension, but I want the same functionality as yours. Specifically, I want to target the image functionality without the toolbar, as shown in the image below. I just need it with the gallery button.

you can add option toolbar=false to hidden extension on toolbar

reactjs-tiptap-editor/src/types.ts

Line 54 in c8ea494

toolbar?: boolean

import { Image } from 'reactjs-tiptap-editor'; 

const extensions = [
  ...,
  // Import Extensions Here
  Image.configure({
     toolbar: false
  }),
];