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

Does not work on iPad/iPhone

28 Answers 515 Views
Editor
This is a migrated thread and some comments may be shown as answers.
Hordur Smari Johannesson
Top achievements
Rank 1
Hordur Smari Johannesson asked on 09 Apr 2010, 04:02 PM
Hi,
I'm using the RadEditor on our website.  When I browse to it on an iPad and I try to enter text the onscreen keyboard doesn't pop up.

The iPad uses Safari which is listed as supported for RadEditor...

Anyone solved this problem?

28 Answers, 1 is accepted

Sort by
0
Rumen
Telerik team
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.
0
Steve
Top achievements
Rank 2
Veteran
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.
0
Rumen
Telerik team
answered on 31 May 2010, 04:36 PM
Hi Steve,

Thank you for your feature request. I logged it for consideration in our PITS system and if more users request it we will integrate the code in the editor and provide a property.


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
Dean
Top achievements
Rank 1
answered on 08 Jun 2010, 08:21 PM
The link referenced to the KB article is broken.  Can someone provide a new link?
0
Lini
Telerik team
answered on 09 Jun 2010, 07:35 AM
We fixed the link URL - it had an extra "http" in the beginning.

0
Luis Barahona
Top achievements
Rank 1
answered on 25 Aug 2010, 07:27 PM
Hi,
We are giving our users IPads and while testing the system (has 500 users) we have also realized that the RadEditor doens't work, we have use Rad Editor througho out all the application, I believe Telerik should take in consideration Steve's idea on having RadEditor to detect the browser and display the textbox...
thanks, and please let me know if there is any other approach to fix this issue.

best regards,

Luis
0
debett
Top achievements
Rank 1
answered on 25 Aug 2010, 09:05 PM
We have the same issue. I support the aforementioned idea since going through all the applications and all pages is close to impossible.
0
Rumen
Telerik team
answered on 26 Aug 2010, 11:58 AM
Hi guys,

Could you please vote for this feature in the following PITS item: http://www.telerik.com/support/pits.aspx#/public/aspnet-ajax/2284? This will increase the priority of this task and the chance to be integrated in the RadEditor's source.

All the best,
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
Brad Harrison
Top achievements
Rank 1
answered on 10 Mar 2011, 05:15 AM

Other than purchasing an iPad and iPhone, does anyone know of an emulator that runs on a Windows PC that will accurately simulate RadEditor operation on iPad/iPhone?

I'm using the latest Telerik versions, but am getting iPad support calls.
0
Lini
Telerik team
answered on 10 Mar 2011, 12:00 PM
Hi,

An iPad/iPhone simulator is only available as part of the iOS SDK for Mac OS X. There is no emulator available for Windows. As for the RadEditor support - the current (Q3 2010) version of the controls will fallback to a normal textbox on iOS devices, because there is no support for rich text editing on the iPhone/iPad browser.

All the best,
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!
0
Steve
Top achievements
Rank 2
Veteran
answered on 10 Mar 2011, 01:22 PM
Hey Lini,
 I think there might be a bug with it on your forums here...

I mean it works, but isn't showing any line-breaks once saved.  So if I type a few paragraphs of text and use enter to space them out, when I save and it renders on the page it's one LOOOONG string.  But if I edit again, the content still has it's breaks...perhaps whatever code the breaks are in the textbox needs to be converted to html?

Steve
0
Brad Harrison
Top achievements
Rank 1
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!
0
Lini
Telerik team
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!
0
Steve
Top achievements
Rank 2
Veteran
answered on 11 Mar 2011, 05:37 PM
Hey Lini,
  Could this somehow be handled in your client scripts...I cringe at the idea of having to do this for EVERY radeditor I use (becasue you never know when someone might want to use mobile)

Steve
0
Brad Harrison
Top achievements
Rank 1
answered on 11 Mar 2011, 06:02 PM
I guess I will second Steve's comment. 

It's great that RadEditor automatically detects the iPad/iPhone and adjusts but it's not really a complete solution if the API changes in the process.

I still really appreciate the quick response. ... I will attempt the workaround for now.

Brad

UPDATE:  When the RadEditor is in "ipad" mode, an attached RadSpell fails as well.
 <telerik:RadSpell ID="RadSpell1" runat="server" ControlToCheck="RadEditor1"

 

  .....

What a pain.  (And I blame the iPad / iPhone for causing the extra work)
 


0
Dave McCall
Top achievements
Rank 1
answered on 13 Jun 2011, 03:13 AM
Blackbaud labs offers an iPod/iPad simulator that runs in adobe flex. It isn't perfect, but it kind of works. I bet it won't have the problem discussed here. Btw, ironically, I went to vote for this feature just now in the pits system on my iPad, but it doesn't support the iPad either.
0
Steve
Top achievements
Rank 2
Veteran
answered on 13 Jun 2011, 03:16 AM
Yeah, PITS is silverlight (so might as well be flash)

HOWEVER...

RadEditor now works on iPad partially...enough to be functional.  It'll automatically replace the RadEditor with a plan textarea...however at the moment it doesn't seem to respect or convert line-breaks.  So you see the breaks on your iPad editor, but on publish it's just one giant wall of text...go back to edit mode, and they're all there again.
0
Rumen
Telerik team
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.

0
Steve
Top achievements
Rank 2
Veteran
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.
0
Rumen
Telerik team
answered on 15 Jun 2011, 02:45 PM
Hello Steve,

Thank you for your feedback and future request.

I logged it in our PITS system and if more users vote for it we will consider its implementation. Here you can find the PITS Issue: Public URL.

Best regards,
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.

0
Piyushkumar
Top achievements
Rank 1
answered on 02 Aug 2013, 04:41 PM
I am facing similar issue on IOS 4, IPAD Tablet.

All text appear as HTML

Telerik says IOS 4 does not support rich text - but JQuery works with IOS 4
     http://jqueryte.com/demos

0
Marin Bratanov
Telerik team
answered on 06 Aug 2013, 11:36 AM
Hi Piyushkumar,

I see you have a separate thread on that question and you are already communicating with my colleague Misho in it, so I suggest you questions continues there: http://www.telerik.com/community/forums/aspnet-ajax/editor/rad-editor-with-iphone-ios-version-below-5-o.aspx.


Regards,
Marin Bratanov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Christian
Top achievements
Rank 1
answered on 21 Mar 2014, 12:41 PM
Just as a side note, this is not an issue with the iPad as much as it is an issue with the browser.  I have tried the browser app iCabMobile with some success using the Telerik editor.  I do not have my iPad with me right now, but there were one or two other browser apps that also worked.  I was even able to get the toolbar to show up with at least one of them.

If you are interested I can get the names of the others.
thx,
Christian
0
Dimitar
Telerik team
answered on 25 Mar 2014, 07:53 AM
Hi Christian,

It would be great if you share your findings about different iOS browsers compatible with the RadEditor.

And as long as RadEditor running on the recently mostly used iOS 6 and iOS 7 Safari is concerned, it provides smooth typing and a great variety of text editing options. You can try it yourself on the RadEditor Overview demo that provides a wide range of customization, exploring the RadEditor's features.

Regards,
Dimitar
Telerik
 

Build cross-platform mobile apps using Visual Studio and .NET. Register for the online webinar on 03/27/2014, 11:00AM US ET.. Seats are limited.

 
0
Rob
Top achievements
Rank 1
answered on 09 Jan 2018, 10:19 PM
please consider this another request
0
Marin Bratanov
Telerik team
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.
0
Wayne
Top achievements
Rank 1
answered on 12 Feb 2021, 03:52 AM

Yes I second or is this 3rd this idea of browser detection and to then go to some type of working textbox.

I was using this as a get support webpage to only find out from a client that they could not post a support - not a good look.

I think BIG red text to let us developer know it a no go on iphone\ipad. I see the last post was some time ago, it's 2021.

0
Rumen
Telerik team
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/.

Tags
Editor
Asked by
Hordur Smari Johannesson
Top achievements
Rank 1
Answers by
Rumen
Telerik team
Steve
Top achievements
Rank 2
Veteran
Dean
Top achievements
Rank 1
Lini
Telerik team
Luis Barahona
Top achievements
Rank 1
debett
Top achievements
Rank 1
Brad Harrison
Top achievements
Rank 1
Dave McCall
Top achievements
Rank 1
Piyushkumar
Top achievements
Rank 1
Marin Bratanov
Telerik team
Christian
Top achievements
Rank 1
Dimitar
Telerik team
Rob
Top achievements
Rank 1
Wayne
Top achievements
Rank 1
Share this question
or