Copied to clipboard

Flag this post as spam?

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


  • Craig100 1136 posts 2523 karma points c-trib
    Mar 15, 2016 @ 09:33
    Craig100
    0

    Vorto/Grid/RTE switching issue

    Hi,

    7.4.1 site with Vorto 1.5.0

    RTE in a Grid in a Vorto wrapper when switched between languages causes RTE to display HTML (i.e. tags and content) instead of rendering content as WYSIWYG.

    See: https://our.umbraco.org/forum/templating/templates-and-document-types/75626-behaviour-problems-with-vorto-plus-grid-plus-rte

    and: http://issues.umbraco.org/issue/U4-8160

    Just trying to get some advice as to whether the issue is fixable as will have to remove Vorto from current site build if not. Would be a shame as Vorto is a really good translation UI.

    Thanks,

    Craig

  • Craig100 1136 posts 2523 karma points c-trib
    Mar 23, 2016 @ 11:36
    Craig100
    0

    Just upgraded the site to 7.4.2 and Vorto 1.5.1, cleared cookies and caches and it still happens.

    Is Vorto + Grid + RTE a step too far?

    A comment would be nice :)

  • Paul Stephenson 4 posts 96 karma points
    Oct 13, 2016 @ 01:16
    Paul Stephenson
    0

    I have hit the same issue, with my app I need to keep somewhat the existing structure so I am building a plugin replacement for the grid RTE for use with Vorto. Basically taking the existing grid RTE angular code, making a plugin, then configuring the grid to use the plugin for RTE.

    The plugin will need to listen to Vorto reSync events and re-init tinyMce when the language switches.

  • Paul Stephenson 4 posts 96 karma points
    Oct 13, 2016 @ 06:38
    Paul Stephenson
    1

    The issue is a result of tinyMce thinking it has already attached an editor to the textarea. While the angular directive link function gets triggered each time the Vorto language changes, tinymce doesn't re-attach an editor properly.

    So I have resolved this by creating a plugin consisting of taking a copy of the gridRte angular directive and modifying it slightly, also a copy of the grid rich text editor angular view modified to hook in my modified directive.

    Then in the grid.editors.config.js config file configuring my RTE items to use the plugin.

    The plugin is available here: https://github.com/impelsystems/umbraco-vorto-grid-rte

  • Markus Johansson 1911 posts 5757 karma points MVP c-trib
    Dec 07, 2016 @ 22:31
    Markus Johansson
    0

    Man! Saved my day! =D Thank you for sharing this solution!

  • Nils Frank 19 posts 89 karma points
    Apr 26, 2017 @ 08:58
    Nils Frank
    0

    Great!

    The RTE now works correctly, but the rest of the grid still breaks when you switch languages often, or when you just save.

    It stops rendering the different text boxes as they should be and custom components stop working too.

    Do you have any idea why?

  • Paul Stephenson 4 posts 96 karma points
    Apr 26, 2017 @ 23:16
    Paul Stephenson
    0

    Not sure sorry sounds like a separate issue, we have it running reliably under Umbraco v7.5.3 for English + Chinese.

    Are you getting any errors in your js console when it happens?

  • Nils Frank 19 posts 89 karma points
    Apr 27, 2017 @ 06:49
    Nils Frank
    0

    Hi Paul

    Sadly no errors. I've written everything I know in a seperate thread.

    Best regards

    Nils

Please Sign in or register to post replies

Write your reply to:

Draft