How to easily convert api data to html (in a general fashion)
-
@baris yay!! validator.unescape() worked for me
-
-
Hi. I wanted to revisit this momentarily. I am now receiving posts. I've noticed that the "content field" is escaped. I assumed that I could unescape using the validator. However the escape characters remain after I unescape.
Thoughts on this one?
-
@David-Sargrad it sounds like however you're displaying these is escaping the text. What framework are you using?
-
@PitaJ its not the display mechanism that is escaping these. The NodeBB api escapes these; using the validator linked above. I have used that same validator to unescape some of the fields received from the NodeBB API (e.g. the title of the category). However for some odd reason the content field is not being stripped of the escape characters when I use the validator.unescape(content) call.
-
@PitaJ I think you are actually right.. my issue is likely the way I am saving that content into a javascript variable.. i think i'm saving it as a string or something, and javascript then escapes..
-
@David-Sargrad JavaScript won't escape things randomly. How are you outputting the HTML from the API into the web page? Frameworks like react etc will automatically escape things just like you're seeing.
-
@PitaJ .. so i am using react.. and you are absolutely right.. I wasnt quite sure how to output it..
Right now I'm trying the following: but of course that doesnt work.const cool = (<div> {content} </div>); <React.Fragment>{cool}</React.Fragment>
It simply displays the string as follows:
I've been trying to get some ideas here:
https://javascript.plainenglish.io/how-to-convert-html-strings-to-jsx-with-react-ae1afab29a03Gonna try this:
https://stackoverflow.com/a/45058774 -
That actually worked.
-
@PitaJ Ty.. You steered me straight!
-