How can I change the input color of an Editor while using a dark theme.

0 Answers 57 Views
Editor
Maik
Top achievements
Rank 1
Iron
Maik asked on 16 Oct 2023, 06:50 PM

Hi,

I've got an application where the user can choose the kendo ui theme.
Within this application I use the Kendo editor component.

Is there a possibility to change the textcolor of the editor.
Or to add a CSS class.

I won't define style="color: #FFF" is must be something like class="<k-negative-color-to-this-theme>"

Here is a Dojo Example with a dark theme

https://dojo.telerik.com/oCeTOPir

In the example the background is dark and the color also?

regards

Maik

Nikolay
Telerik team
commented on 19 Oct 2023, 02:27 PM

Hi Maik,

You can set the text color dynamically by using jQuery. Please review the following snippet:

  $(document).ready(function(){
    var editor = $("#editor").data("kendoEditor")
    editor.body.style.color = "white";
  })

When the page is loaded, by getting a reference to the Editor component, its options can be modified.

Dojo demo: https://dojo.telerik.com/URUbUgUb

Regards,

Nikolay

No answers yet. Maybe you can help?

Tags
Editor
Asked by
Maik
Top achievements
Rank 1
Iron
Share this question
or