Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-109470

Explore using React portals inside dangerous HTML

    Details

    • Type: Spike
    • Status: Closed
    • Priority: Major
    • Resolution: Completed
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: Pages > Page Editor
    • Labels:
    • Spike Type:
      Technical
    • Conclusion:
      Although it is a little risky, we are trying to keep existing editables implementation and combine it with React portals. We will render full layout data items inside each dropzone using PageEditor component.

      Description

      Inside fragments we have what we call "editable fields", which are HTML tags that are modified by users, and soon we will have dropzones, which allow inserting fragments inside other fragments.

      However, fragments are rendered using dangerouslySetInnerHTML, as they have code from backend that we cannot control.

      The goal of this spike is no explore if it's safe/possible to create React portals inside those dangerous tags so we can handle that render with React.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                pablo.molina Pablo Molina
                Reporter:
                pablo.molina Pablo Molina
                Engineering Assignee:
                Pablo Molina
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:

                  Packages

                  Version Package