Capitalized HTML source tag not preserved

3 posts, 0 answers
  1. Chuck
    Chuck avatar
    18 posts
    Member since:
    Apr 2014

    Posted 08 Dec 2014 Link to this post


    Is there a way to preserve capitalized HTML tag in the telerik editor when switching from HTML mode to Design/Preview mode and back to HTML mode? Switching between editor modes always converting the HTML tag to lower case tag. Please see screen shots CaptureBefore.PNG (initial edits in HTML mode) and CaptureAfter.PNG (back to HTML mode from either Design or Preview mode). 
  2. Chuck
    Chuck avatar
    18 posts
    Member since:
    Apr 2014

    Posted 09 Dec 2014 Link to this post

    Following up the my previous. If I load HTML source (with upper case HTML tags) into the telerik editor and select HTML mode for display, there is no conversion of the upper case HTML tag to lower case HTML tag. I need to switch from HTML mode to preview/Design mode and back to HTML mode to make the lower case conversion.  Is there any automatic way to make consistent lower case tag conversion in the telerik editor.

    For example, when load the HTML source (with upper case tag) into Telerik editor and then select HTML mode, the HTML source still showing upper case HTML tags:

        <LI>test 1</LI>
        <li>test 2</li>
        <li>test 3</li>

  3. Ianko
    Ianko avatar
    1932 posts

    Posted 11 Dec 2014 Link to this post

    Hi Chuck,

    The transformation of the capitalized tag names is done via the ConvertToXhtml filter. This is designed to eliminate side effects from inconsistent browser behavior where tag names are always returned  capitalized under IE 7 and 8 by the innerHTML property of DOM elements.

    Although, even if the filter is disabled, some browser may always convert tag names to lower case. Therefore, I am unable to suggest a way to use tag names with capital letters. You can try it on your end by setting the ContentFilters to None and test again the same scenario.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top