Telerik RadEditor-Rendering-Problem
Arbeite ich an einem Projekt, wo wir mit den Telerik RadEditor control (version 2009.1.402.35). Für die meisten Teil, alles scheint zu funktionieren gut mit ihm (D. H., Fett, Kursiv, Farbe etc). Was ist ein Problem ist aber, dass der Einzug und Liste (mit Aufzählungszeichen oder nummeriert) - Funktionen nicht richtig wiedergegeben auf dem Bildschirm, während der Benutzer das Bearbeiten der Inhalte. Was ist interessant an diesem ist, dass, wenn der Einzug oder die Liste die Schaltfläche geklickt wird, es tut fügen Sie die richtige markup in html.
Das problem manifestiert sich in MSIE 6,7, 8 und FireFox 3 (die einzigen, die ich bisher getestet haben). Der editor benutzt wird innerhalb von ein Benutzersteuerelement erstellen, die ausgeführt wird, im Kontext einer SharePoint-Umgebung. Mein Verdacht, dass es irgendeine Art von CSS-Konflikt, oder die Unvereinbarkeit mit der Art und Weise, die ich benutze es. Irgendwelche Ideen auf, warum einige der Funktionen arbeiten, aber nicht andere mit dieser Steuerung?
<telerik:RadEditor ID="topicBody" Runat="server" Width="100%" height="300" >
<Tools>
<telerik:EditorToolGroup Tag="Top">
<telerik:EditorTool Name="Bold" />
<telerik:EditorTool name="Italic"/>
<telerik:EditorTool name="Underline"/>
<telerik:EditorTool name="StrikeThrough"/>
<telerik:EditorSeparator Visible="true" />
<telerik:EditorTool name="JustifyLeft"/>
<telerik:EditorTool name="JustifyCenter"/>
<telerik:EditorTool name="JustifyRight"/>
<telerik:EditorTool name="JustifyFull"/>
<telerik:EditorSeparator Visible="true" />
<telerik:EditorTool name="InsertOrderedList"/>
<telerik:EditorTool name="InsertUnorderedList"/>
<telerik:EditorTool name="Outdent"/>
<telerik:EditorTool name="Indent"/>
<telerik:EditorSeparator Visible="true" />
<telerik:EditorTool name="FontName"/>
<telerik:EditorTool name="FontSize"/>
<telerik:EditorTool name="ForeColor"/>
<telerik:EditorTool name="BackColor"/>
</telerik:EditorToolGroup>
<telerik:EditorToolGroup Tag="Middle">
<telerik:EditorTool name="Undo"/>
<telerik:EditorTool name="Redo"/>
<telerik:EditorSeparator Visible="true" />
<telerik:EditorTool name="LinkManager"/>
<telerik:EditorTool name="Unlink"/>
<telerik:EditorSeparator Visible="true" />
<telerik:EditorTool name="InsertTable"/>
<telerik:EditorSeparator Visible="true" />
<telerik:EditorTool name="Cut"/>
<telerik:EditorTool name="Copy"/>
<telerik:EditorTool name="PasteAsHtml"/>
<telerik:EditorTool name="PastePlainText"/>
<telerik:EditorSeparator Visible="true" />
<telerik:EditorTool name="Print"/>
</telerik:EditorToolGroup>
</Tools>
</telerik:RadEditor>
Du musst angemeldet sein, um einen Kommentar abzugeben.
Finden Sie auf der folgenden Hilfe-Artikel bietet Anleitung, wie das problem zu lösen:
http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html
Das problem auf dieser entpuppte sich widersprechende CSS-Dateien. Die Haupt-Website CSS-Datei hatte Selektoren, wurden passende BLOCKQUOTE, OL, UL, LI, die mischte sich mit dem RadEditor. Dies ist verwunderlich angesichts der Tatsache, dass der RadEditor verwendet ein IFrame zum Rendern der Inhalte, die der Benutzer bearbeitet. Ich glaube nicht, dass es sein sollte, ziehen css aus dem container-Standort. Dies scheint ein bug in der Steuerung, die es erlaubt, styles zu Bluten durch den Iframe, das sollte die Insel von außen nicht CSS.
Bitte versuchen Sie es mit folgenden code: