javascript – How can I embed Google Docs functionality in a website?-ThrowExceptions

Exception or error:

I am creating a Webtop (Web Desktop) and I have the main part of it started. I would like a google docs ‘app’. I have made an iframe with the google docs website in, but when I open the webtop the iframe presents the error docs.google.com refused to connect’ on Google Chrome (see screenshots at the bottom of the post for more detail). Google has disabled iframe embedding for the page (as confirmed when I looked using Microsoft Edge).

I want to know: Is there a workaround or some other web app that can access and edit documents stored on Google Drive?

Here’s my code:

<div class="webtoppro-window" id="gdocs-window">
<div class="webtoppro-window-h" id="gdocs-window-head">
  <span class="wtp-title-text">Google Docs</span>
  <a class="wtp-close-button" href="#" id="gdocs-window-close">X</a>
</div>
<div class="webtoppro-window-c" id="gdocs-window-body">
  <iframe src="//docs.google.com/" class="webtoppro-iframe"></iframe>
</div>

Error in chrome

Google Chrome

Error in Microsoft Edge

Microsoft Edge

Edit: added link to what a webtop is

How to solve:

Leave a Reply

Your email address will not be published. Required fields are marked *