Does not work on iPad/iPhone

[Hordur Smari Johannesson]

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?

[Rumen]

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.

[sitefinitysteve]

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.

[Rumen]

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.

[Dean]

The link referenced to the KB article is broken.  Can someone provide a new link?

[Lini]

We fixed the link URL - it had an extra "http" in the beginning.

[Luis Barahona]

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

[debett]

We have the same issue. I support the aforementioned idea since going through all the applications and all pages is close to impossible.

[Rumen]

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

[Brad Harrison]

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.

[Lini]

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

[sitefinitysteve]

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

[Brad Harrison]

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!

[Lini]

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

[sitefinitysteve]

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

[Brad Harrison]

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)
 

[Dave McCall]

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.

[sitefinitysteve]

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.

[Rumen]

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

[sitefinitysteve]

@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.

[Rumen]

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

[Piyushkumar]

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

[Marin Bratanov]

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

[Christian]

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

[Dimitar]

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

 

 

[Rob]

please consider this another request

[Marin Bratanov]

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

[Wayne]

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.

[Rumen]

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