Adding Blazor components into Rich Text Editor text contents

Hi,

I would like to dynamically add custom Blazor components inside the Rich Text Editor text area.

Example use case: Every time the user writes some specific keyword in the editor, the word will automatically be replaced with a custom Blazor component. The component might just be a wrapper that displays the word in a different style; as a hyperlink, for example. Clicking the hyperlink or hovering over it must trigger some functionality (defined in the components OnClick or OnHover events), displaying a tooltip card for example.

It seems that by default, Rich Text Editor strips all the OnClick functionality out of the buttons that are rendered inside the RTE. I have been able to produce what I want on the Blazor page itself, but I need this functionality to work inside a text editor, and I'm currently unable to do so.

Is there any way to achieve what I'm describing?


Screenshot of what I mean:

Screenshot 2022-01-08 171731.jpg


Cheers,

Diego


2 Replies

BS Buvana Sathasivam Syncfusion Team January 10, 2022 04:11 PM UTC

Hi Diego, 

Currently, we are validating your reported query. we will update you the further details in two business days on or before 12th January 2022. 

Regards, 
Buvana S 



VJ Vinitha Jeyakumar Syncfusion Team January 12, 2022 02:08 PM UTC

Hi TDMR,


We want to let you know that, currently we don't have support for your requirement, and it is not possible with the Rich Text Editor text contents. 

So, please get back to us if you need any further assistance.

Regards,
Vinitha


Loader.
Up arrow icon