# \[Solved\] Write the html in the Web\_Viewer

**URL:** <https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395>\
**Category:** Questions about Thunkable X\
**Tags:** webviewer, solved, html\
**Created:** [March 19, 2021, 4:17am UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395 "2021-03-19T04:17:14Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [March 19, 2021, 4:17am UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/1 "2021-03-19T04:17:14Z")

</div>

hi all

i want to show html code in the Web\_Viewer ( i know that i can to upload the html file to my Files in thunkable and then show it in the Web\_Viewer )

what i need is something like this

 ![Screen Shot 2021-03-19 at 6.08.03 AM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/e/0e7c746e27f7fc0c3d79600577a897cf801ded99.png)

is that posable to do ?  
the reason why i need it like this … because i need to change the src=“[https://www](https://www)…”  
to the Url will user post it in the text \_input

this my html code fro example :

```
 <!DOCTYPE html><html><meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width, user-scalable=no" /><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><body><iframe width="100%" height="315" src="https://www.youtube-nocookie.com/embed/ZdsddmOvu5E" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></body>

```

THANK YOU

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 19, 2021, 8:29am UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/2 "2021-03-19T08:29:09Z")

</div>

I think the URI schema is not fully supported by iOS so your code could have problems.

---

<div class="post-metadata">

**Author:** ![luv.ak.tech](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/luv.ak.tech/32/104896_2.png) [@luv.ak.tech](https://community.thunkable.com/u/luv.ak.tech)\
**Post date:** [March 19, 2021, 8:36am UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/3 "2021-03-19T08:36:47Z")

</div>

try -  
`data:text/html, + <!DOCTYPE html><html><meta name="viewport" content="initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,width=device-width, user-scalable=no" /><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><body><iframe width="100%" height="315" src="https://www.youtube-nocookie.com/embed/ZdsddmOvu5E" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></body> (Full code including the <!DOCTYPE tag)`

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [March 19, 2021, 10:34am UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/4 "2021-03-19T10:34:53Z")

</div>

Can you try it without the `newline` block @bader_mouti ?

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 19, 2021, 10:40am UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/5 "2021-03-19T10:40:33Z")

</div>

This would be a new expected behavior wouldn’t it?

iOS devices didn’t display this as html content for some time. Charts for example in 2019/2020 on android in a Thunkable app could be produced this way but not iOS.

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [March 19, 2021, 2:39pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/9 "2021-03-19T14:39:07Z")

</div>

hi muneer thank you for your replay  
do you mean that when my app is publish the code will not work ??

hi luv.ak.tech thank you for your replay

its not working

hi domhnallohanlon thank you for your replay

i tried its not working

hi jared thank you for your replay  
IOS Very complicated and there are many things thatthay does not accept 😅

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 20, 2021, 2:54pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/10 "2021-03-20T14:54:57Z")

</div>

I’m working on a solution for you, if it works, I’ll post it.

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [March 20, 2021, 6:17pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/11 "2021-03-20T18:17:55Z")

</div>

thank you @muneer you are amazing

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 20, 2021, 8:02pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/12 "2021-03-20T20:02:16Z")

</div>

Can you test this for me

put this in the URL of your web viewer  
[sample url](https://3ynihrnjb7v5zcebdgtvag-on.drv.tw/sounds/bader_webviewer.html?showURL=https://www.bbc.com)

You can change the site name after `?showURL=` and test that you can change the site every time.

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [March 20, 2021, 8:30pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/13 "2021-03-20T20:30:57Z")

</div>

thank you so much muneer this way will work for me better than what i was looking for

can you pleas let me now how you did this

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [March 20, 2021, 8:57pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/14 "2021-03-20T20:57:02Z")

</div>

Is that a coors anywhere proxy?

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 20, 2021, 9:03pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/15 "2021-03-20T21:03:44Z")

</div>

I will send you the code tomorrow. It’s midnight my time and my computer is already switched off.

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [March 20, 2021, 9:04pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/16 "2021-03-20T21:04:11Z")

</div>

okay thank you so much

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 20, 2021, 9:05pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/17 "2021-03-20T21:05:13Z")

</div>

JavaScript retrieving the URL parameters and updating the iFrame property programmatically. I’ll send the code for reference.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [March 21, 2021, 8:44am UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/18 "2021-03-21T08:44:49Z")

</div>

@bader_mouti  
Following is the html file that you can use. **NOTE** , the file cannot be used as asset in the project so you need to host it in a web server.

[Bader\_webviewer.txt](https://community.thunkable.com/uploads/short-url/moKJqcj6lVjtyE69K6JC61n2Qwb.txt) (944 Bytes)

You have chosen to use iFrame so you need to remember that not every web site will work inside an iFrame tag.

---

<div class="post-metadata">

**Author:** ![bader\_mouti](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/bader_mouti/32/98887_2.png) [@bader\_mouti](https://community.thunkable.com/u/bader_mouti)\
**Post date:** [March 21, 2021, 11:39am UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/19 "2021-03-21T11:39:47Z")

</div>

Thank you so much its working good

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:25pm UTC](https://community.thunkable.com/t/solved-write-the-html-in-the-web-viewer/1175395/20 "2024-11-08T13:25:53Z")

</div>


