TinyMCE does not have support for HTML5 (EPiServer 7.5 CMS - update 15)

Found in

Release 7

Created

May 16, 2014

Updated

Jun 09, 2014

Area

Falcon/CMS/Edit UI/Editing/TinyMCE

State

Closed, Fixed and Tested


Steps to reproduce

Dev note: There is a way to enable html5 validation rules using something like this:

 

    [TinyMCEPluginNonVisual(LanguagePath = "/admin/tinymce/plugins/html5enabler/html5enabler",

        PlugInName = "Html5Enabler",

        AlwaysEnabled = true,

        ServerSideOnly = true,

        EditorInitConfigurationOptions =

            "{ schema: 'html5' }"

        )]

    public class Html5Enabler

    {

    }

 

But this should likely come activated by default.

 

 

 

When entering HTML5-tags in TinyMCE (via the HTML button) the tag is removed when the update is saved.

In the training courses our partner developers are asking if there is any fix planned, since it is causing problems with markup in projects.

Is it something we can fix in the product or is it a TinyMCE problem?

Is there any way to work around it?

 

Steps to reproduce in Alloy:

  1. Firstly add the HTML-button to the TinyMCE toolbar for the MainBody property in the ProductPage:
    1. In Admin > Content Type > Page Types, locate and click on the [Products] Product page type.
    2. Click on the MainBody property in the property list
    3. On the Custom Settings tab, add the HTML-button to the toolbar and save.
  2. Go to Edit view and open one of the Product pages, for example Alloy Track
  3. Click on the MainBody property and click the HTML button in the toolbar.
  4. In the HTML source editor, enter a text that is inside an HTML5-tag, for example "<article>This is inside an article tag</article>" (or use any other HTML5 tag of your choice - reference available for example here: http://www.w3schools.com/tags/)
  5. Click Update. The HTML source editor closes.
  6. Click the HTML button again. In the HTML Source Editor the <article> tag is gone, only the text remains.
  7. It seems that TinyMCE removes the HTML5 tags.