# Place html string into web viewer or label

**URL:** <https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771>\
**Category:** Questions about Thunkable X\
**Created:** [June 25, 2019, 10:45pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771 "2019-06-25T22:45:46Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 25, 2019, 10:45pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/1 "2019-06-25T22:45:46Z")

</div>

I need some way of displaying a string of html into either web viewer or lebel, as it would look in html.

Here is a sample of what i am dealing with. The data is from wordpress api. All help is much appreciated!

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/e/0/e0b3d2a7fc760f770da073330d187bdbfa2463a6.png)

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 26, 2019, 12:31am UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/2 "2019-06-26T00:31:32Z")

</div>

![Screenshot_20190626-012613_Thunkable](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/a/1a73a55b759707442dd28d54768ac36ddf64804f.jpeg)

I need the label below the title to not have all the html shabang. is there any way i can remove all of it. The data comes as a string from the api. I have seen methods to join html together in the web viewer, but this has not worked for me as it is just one string.

Any comments at all are really appreciated. Thanks

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [June 26, 2019, 1:28am UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/3 "2019-06-26T01:28:57Z")

</div>

Instead of removing the HTML, why don’t you simply extract the stuff you want from the whole lot?

You know the tag used for what you need to retain?

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 26, 2019, 1:55am UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/4 "2019-06-26T01:55:50Z")

</div>

The data you see in the screenshot above is what I am working with. In theory, i need the actual text from each paragraph. So i guess everything between each \< p \> and \< /p \>. but without things like font size, colours, font-types. This is the wordpress data. Thanks

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [June 26, 2019, 3:19am UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/5 "2019-06-26T03:19:10Z")

</div>

So, what you are saying is that you want only the text “SAOLTA Healthcare Group has issued (…) up to 425 SIPTU members at LUH”; plus the text "A Spokesperson said: (…) ", is that it?

If so, have you noticed that this is everything that is NOT between a “\<” and a “\>”?

---

<div class="post-metadata">

**Author:** ![samclever](https://avatars.discourse-cdn.com/v4/letter/s/ec9cab/32.png) [@samclever](https://community.thunkable.com/u/samclever)\
**Post date:** [June 26, 2019, 5:38am UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/6 "2019-06-26T05:38:47Z")

</div>

Dumb question but would using the ‘get object from json’ block work?

---

<div class="post-metadata">

**Author:** ![actech](https://avatars.discourse-cdn.com/v4/letter/a/3d9bf3/32.png) [@actech](https://community.thunkable.com/u/actech)\
**Post date:** [June 26, 2019, 8:15am UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/7 "2019-06-26T08:15:05Z")

</div>

Can you show what the text should look like as a result? Should it be plain text, as if we pasted it into a notepad or do we need to show it so that it looks in the browser with paragraphs, color, styles, etc.?

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 26, 2019, 12:15pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/8 "2019-06-26T12:15:30Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/4/c/4c4073996788c46b38104e78781388b0780b0b1d.png)

That is what it should look like. I would love to be able to keep the paragraphs. the greyed out writing at the end isn’t included in the part I am writing, i am yet to figure that bit out. Thank you

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 26, 2019, 12:16pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/9 "2019-06-26T12:16:11Z")

</div>

Yes is there a way i can remove everything between is between the \< and \>

Thanks!

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [June 26, 2019, 8:06pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/10 "2019-06-26T20:06:41Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/b/7b477c34d30eb1eaaa7644ffee5cbfac03e562fb.png)

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 26, 2019, 10:23pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/11 "2019-06-26T22:23:14Z")

</div>

This does not work for all posts, as some are different. is there any way i can place the original html into webviewer? thanks

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [June 26, 2019, 11:14pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/12 "2019-06-26T23:14:33Z")

</div>

Normally yes, but I do not see how you can take the text and save it in a file that you can then use as URL for a web-viewer in X. In classic, that would be no problem, but in X…

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 26, 2019, 11:17pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/13 "2019-06-26T23:17:27Z")

</div>

So you are saying there is no way to use the string that i get from there to paste in the web viewer?

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 26, 2019, 11:18pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/14 "2019-06-26T23:18:15Z")

</div>

are there any api’s or some sort of service online that allows me to upload html and return just the text? its just a pity because there are extra photos in the middle of articles 😕

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [June 26, 2019, 11:21pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/15 "2019-06-26T23:21:11Z")

</div>

I am not saying there is no way, I am saying that I do not know of a way.

I essentially use Classic Thunkable, precisely because I need the features that have not yet been ported to X.

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [June 26, 2019, 11:23pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/16 "2019-06-26T23:23:44Z")

</div>

Removing everything that is between \< and \> would effectively strip everything but the text (though there may still be an issue with the specially encoded characters).  
What do you mean by “some are different”?

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 26, 2019, 11:25pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/17 "2019-06-26T23:25:29Z")

</div>

Okay. Well I have considered making the worlds biggest if contains specifctext, replace with blank. or replace with speech marks etc. And then for photos in the post, have them at the end and somehow search each description for the start of the link, make a list with all the photos links between \< and \> if possible, and then have 5 photos at the end of the post, which gives me breathing space for 5 posts in one article, which is highly unlikely. The most i have seen is 3, including the cover photo. so that effectively gives me 6. but this is only an idea, and a lot of blocks. Would that work potentially?

I know it is very inefficient, that is just how i do things 😛

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [June 26, 2019, 11:36pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/18 "2019-06-26T23:36:53Z")

</div>

Only way to find out for sure: try it with a small test file.

---

<div class="post-metadata">

**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\
**Post date:** [June 26, 2019, 11:44pm UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/19 "2019-06-26T23:44:25Z")

</div>

I am guessing updating the web viewer to do something like this is not on the priority list.

I could do things as inefficiently as I wanted to even test my theory, only the lag is atrocious.

---

<div class="post-metadata">

**Author:** ![CBVG](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/cbvg/32/32401_2.png) [@CBVG](https://community.thunkable.com/u/CBVG)\
**Post date:** [June 27, 2019, 2:12am UTC](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771/20 "2019-06-27T02:12:16Z")

</div>

For testing ideas and concepts, I have a small dedicated application, which gets revamped with stuff removed and new stuff that needs testing added all the time. It typically has half a dozen buttons that are associated with different activities I want to evaluate.

[Next page](https://community.thunkable.com/t/place-html-string-into-web-viewer-or-label/120771.md?page=2)
