How I can embed Google Docs in my website?

Question

How I can embed Google Docs in my website to use it like an editor?

Answer 1

If you just want to use the editing components (bold, italic, etc. such as the ones above this answer form) then a good option is to use TinyMCE. It's free, cross-browser compatible and available here: http://tinymce.moxiecode.com/ .

It's made in javascipt (a jQuery version is available), and what it does is wrap words (or characters) in html friendly tags, such as <strong> for bold, <em> for italic etc. When you want to change colours or the like the selection will be put in a <span> tag, so will not break your paragraph flow.

The total selection of options is very large, but can be customised to your wishes. I personally recommend it, as its the best way to allow clients to edit content and save it in the database correctly.

Answer 2

You can use the Google Documents List API

The Google Documents List API allows client applications to programmatically access and manipulate user data stored with Google Documents.

Answer 3

Yes. Code to embed:

<iframe src="" width="640" height="718" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>

Don’t forget to add

embedded=true

to the url. (e.g. <iframe src=“https://docs.google.com/document/d/1f2YyognZrHKo0lGBiV2yMNW2Ojl0IG6gaNihURMxBsA/edit?embedded=true” width=“640” height=“718” frameborder=“0” marginheight=“0” marginwidth=“0”>Loading…</iframe>)