Is there an alternative to 'Escape Content' on an expression in a Reactive Web application? If not, are there plans to add it?
Yes, I know I can (and should) use widgets to build the UI, but in certain cases I may want/need to build an HTML expression.
Just an update just to let everyone know that there is a Forge component for this that will allow you to stay away from having custom JavaScript directly in your apps (which is always a good practice):
Cheers,Tiago Simões
Thanks Tiago Simoes. It works for me as well :-)
Very Useful straight forward Discussion, Thanks Tiago Simões and Eduardo Jauch
Hai Tiago Simões
i follow your ideas all fine but i find some threads
i can choose first line is small type of text and another one line is huge type of text
when i am save to db it will save normal type of text please refer the below images
how to clear the issues kindly teach me.
Hello Joseph,
I didn't took a deep look into reactive, but as ut and mobile uses the same programming model, I would say you can use the HTML widget in the screen.
It exists in mobile and should exists in Reactive Web apps as well...
Cheers
Hi Joseph,
You will need to use a JavaScript node to set the innerHTML of some widget.
Cheers,
Tiago Simões
Hello Tiago,
Can't use the HTML element?
OK, I see.
With the HTML element, you will need to build every part of the HTML piece of code using the canvas (with potentially other HTML elements), while using JavaScript you can just "write" your HTML and inject it...
I would like to have the "unescaped" expression... Neither available way is good...
Hi Eduardo,
You can encapsulate the JavaScript above in a block (as shown in the screenshot) and use it as a widget.
PS: be sure to sanitize the HTML content, so users are not allowed to inject arbitrary JS in your app.
Tiago Simões wrote:
If you meant to use more than one time, this will enable you to create a reusable piece of code. I was thinking more about a "one-time" injection. The old "non-escaped" expressions were more practical :)
But after a little thought, I understand that injecting HTML is not a good practice (for obvious reasons) and so, it should be used only rarely. So, yes, I accept your solution ;D
Thank you!
Cheers!
2 more things:
- the HTML element is static so that Service Studio knows how to render it, and is useful to create UI components.
- it may go without saying, but it’s a good practice to centralize generalist blocks with custom JavaScript and HTML in libraries, so it’s easier to maintain. The less JS you have on your app, the easier it will be to change it in the future.
Thanks guys. Yes, I was aware of the HTML widget, but as you indicated, I would have to chain them together so it won't work for my purpose. The javascript option worked perfectly, though (I marked it as the solution).
I've found it works better if on the OnParametersChange event as at onReady the input may not have the value.
How can we do it for emails in reactive? We cannot use inject html or html element blocks on reactive emails.
also looking forward to a solution for html in Email in Reactive
Please vote on this idea:
https://www.outsystems.com/ideas/11821/enable-using-html-content-in-email-body-in-reactive-app/
already had my vote, good for pointing it out!
I also second this idea as sometimes email templates needs to be managed using CMS part of the application.