This is a migrated thread and some comments may be shown as answers.

Radeditor not applying formats when loaded in editor

6 Answers 176 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Sunil Ramineni
Top achievements
Rank 1
Sunil Ramineni asked on 27 Aug 2010, 10:32 PM
Hi,

Attached are the screen shots of the issues I am having. The 3.png is how the html page looks. When I load the page in editor initially its looks like in "1.png"  and when I select something it changes to "2.png". Could you please help with as why it doesn't look the final output page then I load it into the editor. I can see all my styles being loaded into the dropdown but the layout looks awkward in the editor. I am using the default Tools.xml file

6 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 30 Aug 2010, 01:59 PM
Hello Sunil,

The following article could be helpful for your scenario: Content Area Appearance problems.


Best regards,
Rumen
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Sunil Ramineni
Top achievements
Rank 1
answered on 30 Aug 2010, 08:12 PM
I tried all that stuff but nothing seems to help. This is my page on the live site http://www.ontheroad.ucla.edu/seattle/event_details.shtml

Here is the html content I am loading the in the editor..You can get the stylesheet from the above site. I think the problem occurs with the span style display:block. Its not causing a line break in the editor, where as on the browser it causes a line beak.

<head>
<link rel="stylesheet" type="text/css" href="../style/style.css" media="screen">
<link rel="stylesheet" type="text/css" href="../style/print.css" media="print" />
<!--[if IE 6]> <link rel="stylesheet" type="text/css" href="../style/ie6.css" media="screen" /> <![endif]--> 
<!--[if IE 7]> <link rel="stylesheet" type="text/css" href="../style/ie7.css" media="screen" /> <![endif]--> 
</head>
<body>
<div id="title">
    <p><span class="titleData">09.23.2010 </span>Make Each Day a Masterpiece: The Wisdom of Coach John Wooden</p>
</div>
<div id="container">
    <div class="width_control">
        <div id="menu">
            <ul>
                <li><a href="https://eventsrsvp.ucla.edu/OnTheRoad/Seattle/logon.aspx" target="_blank">REGISTER NOW!</a></li>
                <li> </li>
                <li><a href="event_details.shtml" id="menu_1">Event Details</a></li>
                <li><a href="speaker.shtml" id="menu_2">Speakers</a></li>
                <li><a href="location.shtml" id="menu_3">Location</a></li>
                <li><a href="../common/faqs.shtml">FAQs</a></li>
                <li><a href="mailto:?subject=Get Together: UCLA is in Town&Body=I was on UCLA's 'On the Road' website for alumni for alumni and thought you'd be interested: http%3a%2f%2fontheroad.ucla.edu/san_diego/event_details.shtml" target="_blank" id="menu_6">Invite a Bruin</a></li>
                <li><a href="../common/future.shtml">Future Events</a></li>
                <li><a href="past_events.shtml" id="menu_4">Past Events</a></li>
            </ul>
        </div>
        <div id="event_details">
            <img src="../images/seattle/wooden.jpg" alt="Wooden" title="Wooden" />
            <ul class="event_list">
                <li>
                    <span class="type">Panel Topic:</span>
                    <span class="description">Known as much for his leadership philosophy as for coaching UCLA men’s basketball 
                    teams to 10 NCAA championships, the late John Wooden attributed many of his achievements – on and off the 
                    court – to the precepts of his “Pyramid of Success.”</span>
                    <span class="type"> </span>
                    <span class="description">Join sports greats and personal friends of Coach Wooden to discuss his 
                    game-changing guide to leadership and lifelong dedication to education. Learn about UCLA’s unparalleled leadership 
                    training at the John Wooden Academy and John Wooden Global Leadership Program, and discover Coach Wooden’s enduring 
                    influence on Bruins and non-Bruins alike.</span>
                </li>
                <li>
                    <span class="type">Speakers:</span>
                    <span class="description"><a href="speaker.shtml"><strong>Valorie Kondos Field '87</strong></a></span>
                    <span class="description second">Head Coach, UCLA Women’s Gymnastics</span>
                    <span class="description second">Mentored by Coach Wooden and friend for 13 years<br/><br/>
                    <a href="video-kondos.shtml"><img src="../images/icon-video.gif" alt="iCal" align="absbottom" class="icon"/>
                      Video: Valorie discovers John Wooden's wisdom</a></span>  
                    <span class="description second"> </span
                    <span class="second description"><strong><a href="speaker.shtml">Andy Hill '74</a></strong></span>                     
                    <span class="description second">Co-author with John Wooden "Be Quick – But Don't Hurry!"</span>
                    <span class="description second">UCLA men's basketball team 1970-1972</span>
                    <span class="description second"> </span
                    <span class="second description"><strong><a href="speaker.shtml">Rafer Johnson '59</a></strong></span>                     
                    <span class="description second">Olympic gold medalist and author "The Best That I Can Be"</span>
                    <span class="description second">UCLA men's basketball team 1959-1960</span>
                </li>
                <li>
                    <span class="type">Registration:</span>
                    <span class="description">
                    <a href="https://eventsrsvp.ucla.edu/OnTheRoad/Seattle/logon.aspx"><strong>Register Now</strong></a><br />
                    Deadline: Thursday, September 16, 2010<br /><br />
                    <a href="rsvp.shtml">
                    <img src="../images/icon-who.gif" alt="iCal" align="absbottom" class="icon"/>
                     See who's coming</a></span>
                </li>
                <li>
                    <span class="type">Date:</span>
                    <span class="description"><strong>Thursday, September 23, 2010</strong><br /> 
                                              6:30 p.m. Light Buffet<br /> 
                                              7:15 p.m. Program<br /><br /></span>
                    <span class="description second">Add to calendar:</span>
                    <span class="description second"><a href="http://happenings.ucla.edu/ical/devcom/on-the-road.ics">
                                              <img src="../images/icon-ical.gif" alt="iCal" align="absbottom" class="icon"/>
                                               iCal</a> (Google, iCal, Outlook 2007+)</span>
                    <span class="description second"><a href="http://happenings.ucla.edu/ical/devcom/on-the-road.vcs">
                                              <img src="../images/icon-vcal.gif" alt="vCal" align="absbottom" class="icon"/>
                                               vCal</a> (Outlook 2003 and prior)</span>
                </li>
                <li>
                    <span class="type">Location:</span>
                    <span class="description"><strong><a href="location.shtml">Renaissance Seattle</a></strong><br /> 
                                                515 Madison Street<br /> 
                                                Seattle, WA 98104</span>
                </li>
                <li>
                    <span class="type">Cost:</span>
                    <span class="description">$20 per person</span>
                </li>
                <li>
                    <span class="type">Inquiries:</span>
                    <span class="description">(310) 206-0534<br />  
                                              <a href="mailto:ontheroad@support.ucla.edu">ontheroad@support.ucla.edu</a><br /><br />
                                              <a href="http://www.facebook.com/group.php?gid=5165014357">
                                              <img src="../images/icon-facebook.gif" alt="iCal" align="absbottom" class="icon"/>
                                               Connect with Seattle alumni</a></span>
                </li>
            </ul>
        </div>
        <div class="clearboth"></div>
        <a href="javascript: print();" class="print">Printer Friendly</a>
        <div class="clearboth"></div>
    </div> <!-- end width_control -->
</div> <!-- end container -->
</body>
0
Sunil Ramineni
Top achievements
Rank 1
answered on 31 Aug 2010, 10:30 PM
Another issue I have is, I am trying to load an html file into the editor, I get the attached and nothing gets loaded into the editor. It just writes 2010 in the editor. The page I am trying to load is http://www.ontheroad.ucla.edu/common/terms.shtml. It has javascript in the page. I have set the ContentFilters="None" ContentAreaMode="Iframe" properties but nothing seem to help. I would appreciate if you could reply soon
0
Rumen
Telerik team
answered on 02 Sep 2010, 02:10 PM
Hi Sunil,

The content rendered in http://www.ontheroad.ucla.edu/seattle/event_details.shtml differs from the pasted one by you in your post on 8/30/2010.

Nevertheless, I believe that the problem is browser related and my recommendation is to load the same content and stylesheet in an editable IFRAME element. You should observe the same result as in RadEditor. For your convenience I have attached a sample HTML page with an editable IFRAME element so that you can test this scenario.

If the problem is not reproducible in the editable IFRAME, please simplify the HTML content and CSS stylesheet and send us an HTML page that demonstrates how the content should be rendered. After that explain how do you load the content in RadEditor. Do you paste it or load it through the Content server property? Attach two screenshots how the content is rendered in the HTML page and in RadEditor/

As to the http://www.ontheroad.ucla.edu/common/terms.shtml error. You should note that when the editor's content area is rendered as an IFRAME, the scripts in the iframe are unable to locate the script functions placed outside of the content area, because the iframe is another document and the functions reside on the parent page and are inaccessible. What you can try is to set the ContentAreaMode property to DIV and test again.

Best regards,
Rumen
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Sunil Ramineni
Top achievements
Rank 1
answered on 02 Sep 2010, 07:31 PM
The content displayed in radeditor and Iframe file you sent looks the same, but the page looks different on the browsers. How can this be a browser issue. I tried the same thing with ckeditor and it works fine. So it looks like an editor implementation issue for me. You can see in the attached image the text next to "Panel" and "Speakers" is starting on the next line instead of same line as supposed which you can see here http://www.ontheroad.ucla.edu/seattle/event_details.shtml
0
Dobromir
Telerik team
answered on 07 Sep 2010, 04:49 PM
Hi Sunil,

The content of an <iframe> is an entire new document which does not have a DOCTYPE set and this might cause the issue. Could you please set ContentAreaMode property to Div and see if the problem still exists? By doing this, the content loaded inside the RadEditor will use the same DOCTYPE as the page where the editor resides.

Please let us know if this helps.

Best wishes,
Dobromir
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Editor
Asked by
Sunil Ramineni
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Sunil Ramineni
Top achievements
Rank 1
Dobromir
Telerik team
Share this question
or