Rendering HTML Code from Variables in VisualNEO Web

#1 · August 3, 2024, 11:24 pm

Hi everyone,

I'm working with VisualNEO Web and I have a question about rendering HTML code. I have a variable that contains HTML code as a string, but when I display this variable, it shows as plain text instead of rendering the HTML.

Is there a way in VisualNEO Web to render a variable's content as HTML rather than as plain text? If so, could someone provide guidance or examples on how to achieve this?

SetVar [x] "<p style='color:red;'>This is Breaking News </p>"

Thanks in advance for your help!

Best regards,
asmatqatea

#2 · August 4, 2024, 7:49 pm

@asmat you can do it using ng-bind-html advanced property. Just put there the desired variable: [myvariable]
Note that the HTML is sanitized previously to being rendered so you can not use inline style (style="...") but you are allowed to use class (class="...")

#3 · August 5, 2024, 1:50 pm

Thank you, Luis.

I receive data from the server in JSON format, and some attributes within these JSON objects occasionally contain HTML code. I've prepared an offline version demonstrating this issue. Please refer to the attached file for more details.

Uploaded files:

You need to login to have access to uploads.

#4 · August 6, 2024, 6:11 pm

@asmat take a look at this code:

<p class="readmore" ng-bind-html="[pinnedNews.readmore]"  style="color:gray;font-size:9pt;padding-left:10px;padding-right:10px;">
           [pinnedNews.readmore]
</p>

Can you see how to do it?

#5 · August 6, 2024, 8:07 pm

Yes, Thank you so much, Mr.Luis.

Rendering HTML Code from Variables in VisualNEO Web - Forum

Rendering HTML Code from Variables in VisualNEO Web