Telerik doesn't support "contenteditable" in Div (HTML5)

[Tuan]

Hi Telerik,

I'm using Telerik to make some Demo to make sure that Telerik is able to automation HTML5. So I go to http://www.apple.com/html5/showcase/typography/ 
That is apple HTML5 show case. There's a field Div that can be edit but I can't find any method to input text into Div tag.
Could you support that? How many percent of HTML5 features that Telerik can cover? (I need that to decide using Telerik or not)

Thank you

[Anthony]

Hello Tuan,

You won't be able to set text directly on the <div> element. Instead, you'll have to click it to set focus and invoke keyboard typing:

HtmlDiv d = Find.ById<HtmlDiv>("typography-text");
d.MouseClick();

Manager.Desktop.KeyBoard.KeyDown(System.Windows.Forms.Keys.LControlKey);
Manager.Desktop.KeyBoard.KeyPress(System.Windows.Forms.Keys.A);
Manager.Desktop.KeyBoard.KeyUp(System.Windows.Forms.Keys.LControlKey);
Manager.Desktop.KeyBoard.TypeText("TELERIK", 20);

Here is a list of the supported HTML5 controls.

Kind regards,
Anthony
the Telerik team

[Tuan]

Hi Anthony,

I'll try as what you suggest, but why don't you implement "type" method for other objects (like HtmlControls or HtmlDiv) that would be more awesome :) 

Regards

Tuan

[Cody]

Hello,

The attribute contenteditable="true" instructs the browser to turn the element (e.g. <div>) into something similar to a rich text box editor. Presently many of our Htmlxxxx wrappers do have a .text property that can be used to read/set the text contents. These are only for simple text fields which cannot have rich content.

A <div> with contenteditable="true" can have all kinds of content such as lists, dropdowns, etc.  such as here. A simple .text property does not work in this case. Only simulated typing will allow the browser to handle the keystrokes and be the rich text editor it wants to be. This is why the Manager.Desktop.KeyBoard methods are the best approach for this scenario.

All the best,
Cody
the Telerik team