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

Support

Log in

Erik Bleifield

Created on 24 November 2020

icon_unfollowing

Login to follow

html-component

CrossDevice_icon

Reactive

5.0

(1 rating)

0 reviews

211

5

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)

Category

Other functions & libraries

Tags

Support options

This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from who created this asset.

Dependencies

outsystems-ui

Application Objects

HTML Display Component for React Web and Mobile has 3 AOs.

Team

Compatible with

Version 11

↳11.9.2 or higher

↳11.8.0 to 11.9.0

Database:

All

Asset consumers

No consumers yet.

Weekly downloads

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.