我在IE(不是Firefox,Chrome和Safari)上使用Telerik RadEditor时遇到问题。
我认为我的CSS样式有冲突,但是我不知道该怎么写(试图删除大多数样式)。我也尝试添加ContentEditorArea.css。
RadEditor在IE8中的显示方式(在IE7中差别不大):
http://www.skalae.fr/radeditor.jpg
编辑:
好。我不确定我是否有CSS冲突。因此,这是Asp.net页面:
<telerik:radeditor runat="server" ID="DetailsPratiques"
ToolsFile="~/App_Data/RadEditLite.xml"
SkinID="DefaultSetOfTools"
width="95%"
Height="300px">
<CssFiles>
<telerik:EditorCssFile Value="~/view/assets/EditorContentArea.css" />
</CssFiles>
<Tools>
<telerik:EditorToolGroup>
<telerik:EditorDropDown Name="TranslateTool" Text="<img src='/view/assets/flags/fr.png' alt=''/> Translation Tool"
Width="130px" ItemsPerRow="1" PopUpWidth="120px" PopUpHeight="260px">
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/fr.png' alt=''/> French" Value="fr" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/en.png' alt=''/> English" Value="en" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/es.png' alt=''/> Spanish" Value="es" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/de.png' alt=''/> German" Value="de" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/it.png' alt=''/> Italian" Value="it" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/ru.png' alt=''/> Russian" Value="ru" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/pt.png' alt=''/> Portuguese" Value="pt" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/he.png' alt=''/> Hebrew" Value="he" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/nl.png' alt=''/> Dutch" Value="nl" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/ja.png' alt=''/> Japanese" Value="ja" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/bg.png' alt=''/> Bulgarian" Value="bg" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/ro.png' alt=''/> Romanian" Value="ro" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/uk.png' alt=''/> Ukrainian" Value="uk" />
<telerik:EditorDropDownItem Name="<img src='/view/assets/flags/sv.png' alt=''/> Swedish" Value="sv" />
</telerik:EditorDropDown>
<telerik:EditorTool Name="InsertVideo" Text="Multimedia Content" />
</telerik:EditorToolGroup>
</Tools>
</telerik:radeditor>
也许很重要,这是在ajax手风琴中:
<ajaxToolkit:Accordion
ID="accordion1" runat="server"
FadeTransitions="false" FramesPerSecond="100" TransitionDuration="50"
CssClass="jqtheme" HeaderCssClass="header" ContentCssClass=""
RequireOpenedPane="True" AutoSize="None">
<Panes>
<ajaxToolkit:AccordionPane ID="panier" runat="server">
<Header>
<div>
<li>Informations principales</li>
</div>
</Header>
<Content>
已关闭。
(谢谢您的帮助,对不起我的英语,使您烦恼)
最佳答案
您始终可以尝试使用RadStyleSheetManager控件在页面上手动注册RadEditor外观:
<telerik:RadStyleSheetManager ID="radstylesheetmanager1" runat="server">
<StyleSheets>
<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Editor.css" />
<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Editor.Default.css" />
<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Window.css" />
<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.Default.Window.Default.css" />
</StyleSheets>
</telerik:RadStyleSheetManager>
这应该可以解决您通过显示/隐藏编辑器,使用AJAX请求等可能遇到的所有皮肤问题。您唯一需要更改的就是上面样式表引用中的皮肤名称(即,将“ Default”替换为您使用的皮肤) )。