RadEditor partially strips out html5 microdata

[Jochem Bökkers]

Hey,

When using the RadEditor to markup some html5 microdata, it seems to strip out the 'itemscope' property.

So when in HTML pane pasting something like:

<span itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
    <meta itemprop="latitude" content="1.23456" />
    <meta itemprop="longitude" content="1.23456" />
</span>

it saves it like this:

<span itemprop="geo" itemtype="http://schema.org/GeoCoordinates">
    <meta itemprop="latitude" content="1.23456" />
    <meta itemprop="longitude" content="1.23456" />
</span>

This happens both on <span> and <div> and not just on geo microdata but all items containing 'itemscope'.

In this case I'm using the RadEditor inside Sitefinity v5.1, but after confirming Sitefinity doesn't strip/filter anything and its a RadEditor issue, I'm posting the question here...

Has anyone run into this and found a workaround ?

Jochem

[Rumen]

Hello,

RadEditor is an XHTML editor and it does not offer direct support for HTML5 tags and attributes. Its content area is an editable iframe/div element which uses the Rich Text Editing engine of the used browser. The older browsers do not support HTML5 and some HTML5 tags / attributes could be stripped by the Rich Text Editing engine under them.

My recommendation is to disable the ConvertToXhtml filter of RadEditor. The purpose of the ConvertToXhtml filter is to validate the HTML tags and makes them XHTML. In some scenarios this filter could break the HTML5 tags (because they are not supported by the XHTML specification) and for this reason I suggest to disable it.

Greetings,
Rumen
the Telerik team

[Jochem Bökkers]

Hey Rumen,

Sorry for not replying yet. 

Ok, annoying ;) but makes perfect sense.
But here's another one for you, which i believe is 'valid xhtml':

<span class="k-widget k-dropdown k-header k-j-small">
    <span class="k-dropdown-wrap k-state-default">
        <span class="k-input">
            Services
        </span>
        <span class="k-select">
            <span class="k-icon k-arrow-down">select</span>
        </span>
    </span>
</span>

Class-itis yes, but nothing wrong with it. Now if I paste that into HTML view, save and edit again - my outer span has been removed and the Editor tells me the content is:

<span class="k-dropdown-wrap k-state-default">
  <span class="k-input">
    Services
  </span>
<span class="k-icon k-arrow-down"> select </span>  </span>

Any suggestions on this?

Jochem

[Rumen]

Hello,

To fix the reported issue disable the OptimizeSpans filter of RadEditor.

Kind regards,
Rumen
the Telerik team

[Petar]

Hi Jochem,

I just read the thread and found some info if it's still relevant for you or other users. Essentially, the RadEditor removes the itemscope attribute only because it doesn't have a value.

So to be able to fully comply to schema.org microdata with the current functionality of RadEditor, you need to add a value to the itemscope. You can use something like this: itemscope="" or itemscope="itemscope".

Both shall work just fine with search engines and will be preserved by the RadEditor markup cop, which is what you need :)

I spoke with the RadEditor guys and it seems that they are up to something new to address situations with HTML5 attributes with no values, so in the next few month there might be very good new stuff as usual!

Cheers,
Peter