Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • suzyb 468 posts 904 karma points
    Jul 29, 2015 @ 10:08
    suzyb
    0

    Adding styles to elements using TinyMCE

    We have set up classes in our editor stylesheet. As in versions 4 and 6 we have set these up as .class-name so when an html element is selected the class will be applied to the elemnt.

    This does not happen in umbraco 7 however. Instead of the class being applied to the paragraph, link, image or whatever we have selected a span is added and the class applied to that instead. This results in code like this which does not work for what we want to achieve.

    <ul>
    <li><span class="list-inline">Category: Bronze</span></li>
    <li><span class="list-inline">Size: Extra Large</span></li>
    <li><span class="list-inline">View: Standard</span></li>
    <li><span class="list-inline">Availability: 10/09/2015 - 13/06/2015</span></li>
    <li><span class="list-inline">Price: £350pp/pw</span></li>
    </ul>
    

    If I try and set the element in the stylesheet (i.e. ul.list-inline) then it adds an extra UL around the existing UL with the style applied like so

    <ul class="list-inline">
    <ul>
    <li>Category: Bronze</li>
    <li>Size: Extra Large</li>
    <li>View: Standard</li>
    <li>Availability: 10/09/2015 - 13/06/2015</li>
    <li>Price: £350pp/pw</li>
    </ul>
    </ul>
    

    I see there are various issues in the tracker mentioning this issue and upgrades to how TinyMCE handles styles but the basics that worked in previous versions still don't work and it's really frustrating for us and our clients who are trying to edit their sites as they've done in previous versions.

    Is there any way of fixing this?

  • emaadali 56 posts 96 karma points
    Dec 25, 2015 @ 18:05
    emaadali
    0

    Did you find solution for this problem?

Please Sign in or register to post replies

Write your reply to:

Draft