Copied to clipboard

Flag this post as spam?

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


  • Petras Surna 90 posts 144 karma points
    Jan 11, 2014 @ 00:17
    Petras Surna
    0

    7.01 - Formats dont work in RTE - bug? - see my video

    I don't think Formats work in the RTE. They are simply not applied.

    See my video http://screencast.com/t/Y4Y46ZyDB

    Not sure if this is a bug or I am using Umbraco incorrectly so I thought I'd put this here before listing it as a bug.

  • Panayiotis Tritakis 5 posts 25 karma points
    Jan 12, 2014 @ 20:09
    Panayiotis Tritakis
    0

    I think that the problem is you are using 'ImageRight' as the alias for your style. In such a case the RTE assumes that ImageRight is an HTML tag (which of course it isn't) and fails when it tries to apply it. What you probably want to do when applying the style is to add a CSS class attribute with a value of 'ImageRight'. To do so, the alias should be '.ImageRight' (notice the dot) as per the CSS selector specification.

    For more information, take a look here: http://our.umbraco.org/wiki/how-tos/customizing-the-wysiwyg-rich-text-editor-(tinymce)/add-styles-to-the-drop-down-menu-for-editors-to-use.

  • Petras Surna 90 posts 144 karma points
    Jan 13, 2014 @ 12:40
    Petras Surna
    0

    I tried making the alias .imageRight but it still didn't work. See my new video at http://screencast.com/t/U3LIB67y

  • Panayiotis Tritakis 5 posts 25 karma points
    Jan 13, 2014 @ 13:23
    Panayiotis Tritakis
    0

    Hi,

    I just tried this in a test site and it worked. My guess, is that in your case it might be a caching issue (which Umbraco seems to have a lot), i.e. the original ImageRight definition is cached and used by the editor.

    You could try the following:

    1. Temporarily change the name of the style from ImageRight to something else, so that you could easily notice when the new data has been loaded. (You might also want to add some additional styling, e.g. font-weight: bold; to make it easier to identify whether the style has been applied.)
    2. Remove the association of the RTE with your style and re-apply it.
    3. Go to the node containing the RTE and check whether the style has been updated (the new style name should be in the Formats dropdown). Select some text and apply the style.

    Give it a shot and see what happens.

  • Per Ploug 865 posts 3491 karma points MVP admin
    Jan 14, 2014 @ 10:02
    Per Ploug
    0

    Yeah, fist of all, you need to follow correct css syntax to get classes applied instead of elements, secondly, the caching in this case is actually not umbraco, it does serve up the formats correctly, the problem seems to be with tinymce doing some caching of its own - we are trying to work out where this happens so we can patch it.

  • Petras Surna 8 posts 29 karma points
    Jan 15, 2014 @ 01:56
    Petras Surna
    0

    I recreated the style and it all works. Thanks guys! Watching http://umbraco.tv/videos/implementor/fundamentals/stylesheets-and-javascript/setting-up-rte-styles/ clarified a few things too.

Please Sign in or register to post replies

Write your reply to:

Draft