How to make the Editor work with Dark themes?

1 Answer 364 Views
Editor
Alex
Top achievements
Rank 1
Iron
Iron
Alex asked on 26 Feb 2022, 03:05 AM | edited on 27 Feb 2022, 11:31 PM

Repro: Go to https://demos.telerik.com/blazor-ui/editor/overview and in the REPL demo change the demo to any of the dark themes and try to type. Nothing is visible because the text color is same as the control background (black).

Is there a way to either make the text color white, or make the background of the Editor control white, or anything else to make it usable when using a dark theme?

1 Answer, 1 is accepted

Sort by
1
Svetoslav Dimitrov
Telerik team
answered on 02 Mar 2022, 01:00 PM

Hello Alex,

The TelerikEditor has two different edit modes - iFrame and Div. In the iframe mode (which is the default one) you cannot inject stylesheets directly and thus the theme builder does not cover the text color of the editor. To cover that scenario we have an open feature request for the ability to inject CSS files to the iFrame. I have added your vote for that to raise the popularity of the item and you can click the Follow button to receive email notifications on status updates. 

The other edit mode is the Div mode. In this mode, you can use standard CSS practices to style the elements in the Editor. The best possible solution right now is to use the Div edit mode and use some CSS selectors to target the desired elements of the editor. 

Regards,
Svetoslav Dimitrov
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Editor
Asked by
Alex
Top achievements
Rank 1
Iron
Iron
Answers by
Svetoslav Dimitrov
Telerik team
Share this question
or