如何更改rad編輯器的背景顏色？

Question

這裏是弧度編輯編碼，

<telerik:RadEditor ID="RadEditor1" runat="server" AutoResizeHeight="True" 
Width="500px" ToolbarMode="Floating"> 
<Content> 
</Content> 
<ImageManager EnableAsyncUpload="True" ViewPaths="~/photos" /> 
<TrackChangesSettings CanAcceptTrackChanges="False"></TrackChangesSettings> 
</telerik:RadEditor> 

但是，我的弧度編輯器的背景顏色（1）顯示我的網頁的背景顏色（2）。 如何更改編輯器的背景顏色？

Answer 1

設置RadEditor財產ContentAreaCssFile到CSS文件。在CSS文件中，您可以定義內容區域的樣式。

ContentAreaMode必須設置爲Iframe爲此工作。

<telerik:RadEditor ID="RadEditor1" runat="server" 
    ContentAreaCssFile="ContentAreaCssFile.css" ContentAreaMode="Iframe"> 
    <Content> 

    </Content> 
</telerik:RadEditor> 

Answer 2

要改變外觀，有必要在RadEditor中引用新的樣式表。 這裏是一個例子。

欲瞭解更多信息，請看看這裏：

http://www.telerik.com/help/aspnet-ajax/editor-setting-editor-background-and-color.html http://www.telerik.com/help/aspnet-ajax/editor-setting-content-area-defaults.html http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html http://www.telerik.com/help/aspnet-ajax/editor-css-classes-and-their-use.html

ASPNET

---

<telerik:radeditor runat="server" ID="RadEditor1"> 
<CssFiles> 
    <telerik:EditorCssFile Value="~/EditorContentArea.css" /> 
</CssFiles> 
</telerik:radeditor> 

CSS

body 
{ 
    background-color: red; 
    background-image: url(image_path); 
    color: black; 
} 

ASPX

---

<telerik:RadEditor 
    ID="RadEditor1" 
    OnClientLoad="OnClientLoad" 
    runat="server"> 
</telerik:RadEditor> 

JAVASCRIPT

<script type="text/javascript"> 
function OnClientLoad(editor, args) { 
    var style = editor.get_contentArea().style; 
    style.backgroundImage = "none"; 
    style.backgroundColor = "black"; 
    style.color = "red"; 
    style.fontFamily = "Arial"; 
    style.fontSize = 15 + "px"; 
}