HtmlEditor trims tags from the html code

Radzen.Blazor Components
1

Hello!

I have the following issue with the HtmlEditor.

The way that I use it is I have an html template which I create separately, and I then insert it in the html editor by switching the editor to the view.

If I go back to the rendered view (not sure how to call it), and change a text for example, the editor automatically trims all the tags.

How can I tell the HtmlEditor to stop doing that? Or at least, how can I disable the option to edit the script from the rendered view.

Example:

Insert the html script in the html editor through the view.

image
image2052×656 60.2 KB

Rendered result:

image
image2052×640 9.63 KB

Change a value from the rendered view:

image
image2054×640 10.4 KB

The on change event triggers, and if I switch back to the view the script is trimmed:

image
image2058×644 49.1 KB

In the event it can be seen that that is how the value comes from the html editor:

image
image1036×845 28.2 KB

2

Hi @VladPaun,

RadzenHtmlEditor uses the built-in contentEditable feature provided by the browser. I suspect it removes HTML elements which are not valid children of a <div>. I recommend keeping that content outside of the template (<head>, <body> etc.)