RadEditor显示问题(LI)

时间:2010-02-16 11:31:58

标签: asp.net css telerik radeditor

我在使用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>

已关闭。

(谢谢你的帮助,对不起我的英语,并为此烦恼)

1 个答案:

答案 0 :(得分:0)

您始终可以尝试使用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”)你正在使用)。