c# - 如何更改 rad 编辑器的背景颜色？

Question

这是 rad 编辑器的编码，

<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>

但是，我的 rad 编辑器的背景颜色（1）显示了我页面的背景颜色（2）。如何更改编辑器的背景颜色？

Answer 1

要更改外观，必须在 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

网络

---

<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";
}

Answer 2

将 RadEditor 属性设置ContentAreaCssFile为 CSS 文件。在 CSS 文件中，您可以定义内容区域的样式。

ContentAreaMode必须设置Iframe为这个才能工作。

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

  </Content>
</telerik:RadEditor>