This demo showcases the different rendering modes of Telerik's ASP.NET Editor
control: Classic and Lightweight. You can see the Mobile RenderMode in the demo site optimized for touch devices.

Classic rendering is the long-standing rendering mode of the control
in which its layout is implemented using table elements.

Lightweight rendering leverages HTM5 and CSS3 to deliver semantic
HTML to the browser, but the control may lose its rounded corners, gradients and shadows
in non-modern browsers. With this rendering, some table elements in the control
layout are replaced with generic elements, such as div and span.

Note: Currently, The RibbonBarToolbarMode is not supported in Lightweight rendering mode.

The default render mode of the control is Classic and you have
the option to either explicitly set it to Lightweight or leverage
the Auto mode to have the control choose the best rendering based
on the user's browser.

Note: In order to provide optimal experience for your end users,
we recommend that you use only one type of render mode for a control on a given
page. For example, if you have two instances of RadEditor on the page, it
will be best if both of them use the same render mode.

Note: The Material skin is available only for the modern Lightweight render mode.
Change the skin or the mode to properly visualize the demonstrated control.

Notes on the statistics:
The markup size is calculated automatically in the code-behind by rendering a simple RadEditor instance on a blank page.* - The Lightweight RenderMode of RadEditor uses WebFont instead of image sprites for its tools' icons which offer more benefits over the images.