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

Does not work on iPad/iPhone

28 Answers 950 Views

Editor

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

28 Answers, 1 is accepted

answered on 09 Apr 2010, 04:04 PM

Hi Hordur,

The content area of RadEditor is an editable IFRAME which uses the Rich Text Editing engine of the browser to edit content. Unfortunately the Safari browser used in iPad does not offer a rich text editing engine as the Safari browser used in iPhone. Please, see this KB article for more information: Support for iPhone / iPad browser.

You can find the iPad User Agent String in Google, check whether the iPad Safari browser is used and replace RadEditor with a standard TextBox in this browser.

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 30 May 2010, 09:53 PM

I just noticed this problem as well

Would it be doable to perhaps have the editor detect the browser\mobile version and display it for us instead of having to code that everytime we put a RadEditor on the page? I realize it could cause some issues with trying to display bound data, but could it just be a property to enable and let us worry about that? :)...I just want it for comment boxes, etc...

...because it also breaks these forums as well...I had to pop back to my PC to reply to this thread.

answered on 11 Mar 2011, 06:33 AM

I think I have more information about what is happening.

I went into my project and set EnableTextareaMode="true" on the RadEditor. (to simulate what happens on iPad I hope)

My working project then fails on on the following JavaScript code:

            ...
            var editor = $find("<%=RadEditor1.ClientID%>")
            editor.set_html($get(tmpHid).value);
            ...
            editor.setFocus();

After the first line of code, I'm getting an error that says "editor" is null.

Would appreciate any advice on how best to resolve. Thanks!

answered on 11 Mar 2011, 05:35 PM

Hello,

I think the problem happens because when the editor renders as a textarea there is no client object to access - no scripts or skins are loaded in the browser. You will need to add a check in your script and access the editor textarea directly in this case:

var editor = $find("<%=RadEditor1.ClientID %>");

if (!editor)

{

editor = $get("<%=RadEditor1.ClientID %>TextArea");

editor.value = $get(tmpHid).value;

}

else

{

editor.set_html($get(tmpHid).value);

//... editor.setFocus();

}

Kind regards,
Lini
the Telerik team

Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!

answered on 13 Jun 2011, 09:21 AM

Hi Steve,

The line-breaks in the textarea are not valid HTML tags and they are not rendered when the content is rendered outside of the textarea. You should type manually <br /> tags if you want to render the line breaks outside of the content area.
Another option that you can try is to replace /r/n symbols with <br /> tags when obtaining the content via the Content property.

Best wishes,
Rumen
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 13 Jun 2011, 03:54 PM

@Rumen
Yes I understand, you would be correct...however I believe that that should be something the editor inherently does for us as content entered by a mobile user would differ from that of a regular user...the intent is to have seamless functionality from both devices, and you guys went to all the trouble of putting this in anyway...can you go a little farther and parse the line breaks too? :)

See here's the thing too...this editor I am typing in right now on teleriks website doesn't even do what you describe...doesn't do any replacing, just one wall of text if I post in my iPad. So if you fix it in the Editor, then it gets fixed everywhere the editor is used automatically instead of having to find every bloody instance of the editor and check if there's any parsing going on before saving back to the DB.

answered on 10 Jan 2018, 11:19 AM

Hello Rob,

Could you specify the nature of your request in more details? At the moment, RadEditor works fine on the current supported iOS versions without the need to fall back to a textbox, because iOS5 and later have rich text editing capabilities that RadEditor relies on.

RadEditor even offers a mobile-specific rendering that optimizes the experience for mobile users (you can see it in action here, just scan the QR code: https://demos.telerik.com/aspnet-ajax/editor/examples/mobile-and-touch-support/adaptive-behavior/defaultcs.aspx).

Regards,

Marin Bratanov
Progress Telerik

Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.

answered on 12 Feb 2021, 10:03 AM

Hi Wayne,

I am not aware of any iPad/iPhone (iOS) content-editing related problems with the latest version 2021.1.119 of RadEditor.

Can you please set the ContentAreaMode property of RadEditor to Div and test again - https://demos.telerik.com/aspnet-ajax/editor/examples/contentareamodediv/defaultcs.aspx?

Another approach is to set the RenderMode property of RadEditor to Mobile when the page is loaded in an iOS browser.

Best Regards,
Rumen
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.