Need help with Telerik RADEditor CSS bodies

Question

<telerik:RadEditor ToolbarMode="Default"
ID="editor1" runat="server" EnableEmbeddedBaseStylesheet="true">
</telerik:RadEditor>

The editor using the default skin. When I made changes to the Editor.Default.CSS file, they did not appear on my page, but when I type the following, I see the changes:

<link href="Skins/Default/Editor.Default.css" rel="stylesheet" type="text/css" />
<link href="Skins/Default/Window.Default.css" rel="stylesheet" type="text/css" />

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<telerik:RadEditor ToolbarMode="Default"
ID="editor1" Skin="Default" runat="server" EnableEmbeddedSkins="true">
</telerik:RadEditor>

Do I need to create a custom Skin file to reflect the changes? I don’t want to, because the editor was used in many files, and now linking a new custom CSS file in each .aspx file will be such a pain. I just want this to be added to Skin:

body
{
    background-image:none;
    background-color:White;
}

, . background-image . , Font , Heading 2 Editor , , .

CSS ? CSS ? . ?

Answer 1

, CSS , , CSS (iframe). . CSS , , CSS. . , CSS -

Answer 2

, background-color Window.Default.css. CSS . background-color:white !important;.
!important , CSS .

, : , Telerik. CSS, - , - CSS?

Internet Explorer ( IE) - F12 Telerik , .

Answer 3

, , :

ContentAreaMode="Div"
CssClass="wysiwygeditor"

CSS ,

.wysiwygeditor { background-color: white; background-image: none; }

, Telerik body ContentAreaMode=Iframe Div, CKeditor TinyMCE , , , CSS .

Answer 4

You can edit the xml configuration file (in my case it is called ConfigDefault.xml).

In <configuration/>node, you can add something like the following to load the selected css to apply to the content (html document) that is loaded inside the iframe:

<configuration>
    <property name="CssFiles">one.css,two.css</property>
      ...more items
</configuration>

So, if you need one.css for your regular css site, then two.css can do an override to remove the background image / change the background color.