Can you disable links for images inserted with the Rich Text Editor?

[Andrew Sabin]

Hello Again Syncfusion Support Team,

Is it possible to disable putting links in with images inserted into the Rich Text Editor? 

With my web app I was thinking of using another Lightbox (Modal Image Gallery) component. Where if a user clicked on an image set in the area of a post made with the Rich Text Editor they would get a larger version of the image they had clicked on.

I want to be able to stop the ability for editors to put in a link so that it doesn't interfere with the Lightbox component with my web app.

Thank you again for your help,
Andy

[Kokila Poovendran]

Hi Andrew Sabin,

Yes, you can disable adding hyperlinks to images in the Rich Text Editor. If you do not want link options for images in the Quick Toolbar, you can simply remove them.

Documentation: https://blazor.syncfusion.com/documentation/rich-text-editor/quick-toolbar#image-quick-toolbar

Code snippet:

<SfRichTextEditor>

    <RichTextEditorQuickToolbarSettings Image="@Image" />

</SfRichTextEditor>

@code {

    private List<ImageToolbarItemModel> Image = new List<ImageToolbarItemModel>()

    {

        new ImageToolbarItemModel() { Command = ImageToolbarCommand.Replace },

        new ImageToolbarItemModel() { Command = ImageToolbarCommand.Align },

        new ImageToolbarItemModel() { Command = ImageToolbarCommand.Caption },

        new ImageToolbarItemModel() { Command = ImageToolbarCommand.Remove },

        new ImageToolbarItemModel() { Command = ImageToolbarCommand.Separator },

        new ImageToolbarItemModel() { Command = ImageToolbarCommand.Display },

        new ImageToolbarItemModel() { Command = ImageToolbarCommand.AltText },

        new ImageToolbarItemModel() { Command = ImageToolbarCommand.Dimension }

        @* Do NOT include: EditImageLink, RemoveImageLink, OpenImageLink *@

       

}