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

Radeditor not applying formats when loaded in editor

6 Answers 116 Views

Editor

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

Sunil Ramineni asked on 27 Aug 2010, 10:32 PM

2.png

3.png

1.png

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

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

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

</div> 

</body>

answered on 31 Aug 2010, 10:30 PM

error.png

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

answered on 02 Sep 2010, 02:10 PM

editableiframe.zip

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

answered on 02 Sep 2010, 07:31 PM

a.png

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

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

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Extended Reality

Free Tools

Radeditor not applying formats when loaded in editor

6 Answers, 1 is accepted