HTML Editor Styling

Radzen.Blazor Components
1

Hi,

I've managed to style the HTML Editor by overriding the classes so that the default font is what we require:

        .rz-html-editor-content {
            flex: 1;
            overflow: auto;
            padding: 0.5rem;
            outline: none;
            font-family: Raleway;
            color: #16243C;
        }

This works great, however I now need to have multiple HTML Editors on a single page, each with a different background colour. Is there a way to achieve this?
thanks in advance.

2

Hi @andymarksonline,

Yes, there is a way. Assign a different css class to your editor and set the background through it:

<RadzenHtmlEditor class="red-editor" />
<RadzenHtmlEditor class="green-editor" />

.red-editor .rz-html-editor-content {
   background: red;
}

.green-editor .rz-html-editor-content {
   background: green;
}
3

Works a treat, keep up the great work! Loving these controls!

1 Like