120
Views
5
Comments
Solved
HTML To plain text
Application Type
Reactive

I have a variable and it has value =<p>Bei au&szlig;erhalb k&ouml;nnen wir Ihnen  Unterst&uuml;tzung anbieten.</p><p>Bei -Gesch&auml;ften kann man sich an Stelle wenden:</p><p><strong>Internet Ombudsstelle</strong></p><p>Die &ouml;sterreichische Internet Ombudsstelle unterst&uuml;tzt bei Unternehmen, sofern es sich um ein Online-Gesch&auml;ft handelt. N&auml;here Informationen zur Zust&auml;ndigkeit der Internet Ombudsstelle finden Sie hier: <a href="https://www.omudsste.at/so-funkonrts/faqs-zum-verfahren/standard-verfahren/ann-mmt-das-standard-vefen-bei-der-internet-ombudsstelle-zur-anwendung/" data-card-appearance="inline">https://www.mdstele.at/so-funktionierts/faqs-zum-verfahren/standard-verfahren/wann-kommt-das-standard-verfahren-bei-der-internet-ombudsstelle-zur-anwendung/</a></p><p>Sie k&ouml;nnen die Internet udsstelle hier kontaktieren: <a href="https://www.dsstelle.at/beswerde-hen/" data-card-appearance="inline">https://www.oelle.at/beschwerde-einreichen/</a></p><p>Wir danken Ihnen f&uuml;r Ihr Verst&auml;ndnis!</p> 


Is there any way,i can convert this to text,where the link inside <a> tag will be clickable and not as plain text??

2026-03-12 06-20-48
KUNDAN CHAUHAN
Champion
Solution

Hey @Joe AJ ,

For this we can use simple innerHTML property. 

document.getElementById(id).innerHTML = new HTML

 

Here I'm also attaching OML file and demo link ,Please check It 

Demo link: https://personal-x1ixzlcz.outsystemscloud.com/Demo/InjectHTMLWrapper

Regards,

Kundan Chauhan


InjectHTMLWrapper.oml
2023-12-16 19-57-03
Sanjay Kushwah

Hi @Joe AJ,

If you just want to show an anchor tag (link) as simple text then you can use CSS to show a link as plain text.

a {

                      text-decoration: none;  /* Remove underline */

                      color: inherit;         /* Inherit color from parent element */

                    }


                            /* Optionally, you can style links on hover for better user experience */

                    a:hover {

                      color: #333;  /* Change color on hover (optional) */

                    }


hope this will help you.

Kind regards,

Sanjay Kushwah

2023-05-23 04-55-55
Wasimkhan Syed Abuthahir

Hi,

Can you try this forge component. This has demo as well.


Regards,

Wasimkhan S


2017-12-13 08-27-28
Joey Moree

Very nice and clean component for injecting HTML into your screens.
This seems to me, to be the best solution for Reactive applications.

Though, if you already know the content of the HTML, why not just build it in Outsystems?
This way you are not really using the full extent of Outsystems functionality and you'd be better off to use traditional web development instead.


These kinds of things are only really useful if you have to render dynamically fetched HTML.

2026-03-12 06-20-48
KUNDAN CHAUHAN
Champion
Solution

Hey @Joe AJ ,

For this we can use simple innerHTML property. 

document.getElementById(id).innerHTML = new HTML

 

Here I'm also attaching OML file and demo link ,Please check It 

Demo link: https://personal-x1ixzlcz.outsystemscloud.com/Demo/InjectHTMLWrapper

Regards,

Kundan Chauhan


InjectHTMLWrapper.oml
2024-07-16 17-36-51
Shradha Rawlani

Hello,

Install this forge component

https://www.outsystems.com/forge/component-overview/145/html-utils-o11

Use functions

HtmlToText() Function for convert Html to Text

LinkifyText Function () for link Text

Regards

Shradha

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.