1

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) を示しています。エディターの背景色を変更するにはどうすればよいですか?

ここに画像の説明を入力

4

2 に答える 2

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>

ジャバスクリプト

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

于 2013-04-29T06:36:47.747 に答える
1

RadEditor プロパティContentAreaCssFileを CSS ファイルに設定します。CSS ファイルでは、コンテンツ領域のスタイルを定義できます。

ContentAreaModeただし、これを機能させるにはに設定する必要がありIframeます。

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

  </Content>
</telerik:RadEditor>
于 2013-04-29T06:35:57.570 に答える