Plate Image - Readonly

[cnrideveloper]

Hi,

I’m using Plate version 7.0.2. My editor allows users to include images using the plate-image plugin when in the edit mode. In the read mode, I am trying to disable user actions on the images. That is, I want to disable onClick events, image resizing and dragging.

I have set readOnly prop to true in the object passed to the editableProps prop. Setting that property to true disables events on text nodes, but it has no effect on the image node. Users can still click, resize, and drag the image.

How can I disable user events on image node in the read mode? Thanks for your help in advance.

Suchitra

[zbeyens]

ImageElement needs to be modified, PR is welcome. Otherwise you can provide your own component

[zbeyens]

You can now own the component from v22 #2472