RadEditor 显示问题 (LI)答案

【问题标题】：RadEditor display issue (LI)RadEditor 显示问题 (LI)
【发布时间】：2010-02-16 11:31:57
【问题描述】：

我在使用 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 手风琴中：

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

已关闭。

（感谢您的帮助，抱歉我的英语让您烦恼）

【问题讨论】：

您需要提供更多信息，最好是一些代码来说明问题所在。如果没有某种上下文或比较，您链接到的图像将毫无用处。
我发现 4 个 css 文件会导致问题。屏幕截图之类的问题发生在：skalae.fr/templates.css 另一个（radEditor 不显示图标和其他图形元素，但布局正常[没有项目符号列表问题]）：与以下任何一个有关：skalae.fr/rssmixer.css@ 987654324@skalae.fr/zbfooterlinks.css

标签： asp.net css telerik radeditor

【解决方案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 请求等可能遇到的所有皮肤问题。您可能需要更改的唯一一件事是上面样式表引用中的皮肤名称（即用皮肤替换“默认”你正在使用）。

【讨论】：