HTML Display Component for React Web and Mobile - Overview | OutSystems

Log in

Give us feedback

Stable version 1.0.0 (Compatible with OutSystems 11)

Uploaded on 24 November 2020 by

5.0

(1 rating)

html-component

Details

This Component will display your pre-formatted HTML in React Mobile and React Web.

Read more

Prior to the React versions of OutSystems (i.e. traditional web), it was quite easy to display pre-formatted HTML as part of a web page. With React, that has gotten slightly more difficult to accomplish.

This component addresses that issue in React Web and React Mobile, by providing a reusable weblock to display the HTML.

The component implements the workaround suggested in this thread (https://www.outsystems.com/forums/discussion/20510/unescaped-content-on-mobile-app-v10#Post80074) by Joao Neves.

I decided to throw it into a component to making it easier to reuse. And, hopefully making it easier for any folks new to OutSystems to find and use from the forge.

Release notes (1.0.0)

Reviews (0)

Related assets

An extension that allows you to convert an hierarchical structure, composed of Records and/or RecordLists to XML. It also allows you to read an XML into the structure.

Use custom events in your OutSystems apps! Communicate events instantly between web blocks, refactor your screen logic, use divide-and-conquer for complex forms, build reusable components, and much more. And do all of these with a beautifully simple API.

Generic extension for serializing and deserializing Outsystems values into and out of JSON

More from Erik Bleifield

react-web-table-column-filters

This project provides an approach to add some basic column filters for use in table headers in React Web, which will work properly with the built in sorting. The actual filtering is accomplished within a database query and not performed client side.

drawio-image-editing

This project demonstrates an easy way to incorporate robust diagram or flowchart editing similar to Visio via Draw.IO (www.draw.io) from within any OutSystems web application. This approach is useful for any kind of wiki or content management application where you would want to incorporate diagram editing directly on the web.

html-banner-editor-for-react-web

This demo provides an HTML Banner News Editor for React Web using TinyMCE.