asp.net - RadEditor 显示问题 (LI)

Question

我在将 Telerik RadEditor 与 IE(不是 Firefox、Chrome 和 Safari)一起使用时遇到问题。 我认为我有一个冲突的 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 Accordion 中:

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

这是关闭的。

(感谢您的帮助，抱歉我的英语不好让您烦恼)

Answer 1

您始终可以尝试使用 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 请求等遇到的所有皮肤问题。您可能唯一需要更改的是上面样式表引用中的皮肤名称(即，将“默认”替换为皮肤你正在使用)。