Googleドキュメント(Google Docs)は多くの点で非常に柔軟なワードプロセッサですが、多くの人が気付いていないのは、HTMLをGoogleドキュメントに埋め込むことができるということです。
これを行うにはいくつかの方法があります。1つは、実際にHTMLドキュメントをブラウザから直接コピーして、 (HTML)Googleドキュメント(Google Doc)に貼り付けることです。もう1つは、Googleスプレッドシートの(Google Sheets)importHTML関数を使用してHTML形式をカスタマイズし、それをGoogleドキュメントに埋め込むことができるトリックです。
HTMLページをGoogleドキュメントに埋め込む(Embed HTML Page Into a Google Doc)
Webからの情報を必要とするドキュメントを作成している場合、最後に行う必要があるのは、その情報をテキストとして貼り付けることです。
これは、オンラインのほとんどの情報にチャート、グラフ(charts, graphs)、画像などの情報が含まれているためです。たとえば、ウェブページからGoogle(Google)ドキュメントにHTMLを埋め込むことができれば、エッセイペーパーを研究するためのメモを取るのがはるかに簡単になります。
ありがたいことに、Googleドキュメント(Google Docs)でこれを行うのは非常に簡単です。Googleドキュメント(Google Docs)が貼り付けられたウェブページを自動的に挿入して、可能な限り元の書式を含めるようにすることで、簡単になりました。
- ドキュメントに埋め込むWebページのセクションを強調(Highlight)表示します。キーボードのCtrl-Cを押して、そのセクションをコピーします。(Press Ctrl-C)
上記の例は、ウィキペディア(Wikipedia)からページのセクションをコピーして貼り付けるプロセスを示しています。
- 次に、そのHTMLページを埋め込むGoogleドキュメントを開き、右クリックして[貼り付け(Paste)]を選択します。フォーマットせ(Paste without formatting)ずに貼り付けるのではなく、必ず貼り付け(Paste)を選択してください。
- [貼り付け](Paste)を選択すると、Googleドキュメント(Google Docs)は、コピーしたページセクションを元のページに表示される形式で可能な限り自動的にインポートします。これには、画像、URLリンク、およびヘッダーが含まれます。
リンクにカーソルを合わせると、リンクが有効になっていることがわかります。Googleドキュメント(Google Docs)では、外部リンクが表示されます。
場合によっては、画像の書式設定(ページの配置など)が、コピー元の元のページと完全に一致しないことがあります。
これを修正するには、画像を選択し、リボンの左揃えのテキストアイコンを選択し、画像の下にテキストを折り返すアイコンを選択します。
これは、元のWebページのフォーマットのように見えるはずです。画像にキャプションが付いている場合は、画像の下、または適切と思われる場所に画像を下に移動する必要があります。
ご覧のとおり、Webからのコピーアンドペーストを使用してHTMLをGoogleドキュメント(Google Doc)に埋め込むことは完全ではありません。ただし、元のWebページのHTML形式を可能な限り保持しながら、情報を転送するための最速の方法です。
importHtmlを使用してHTMLをGoogleドキュメントに埋め込みます(Embed HTML Into Google Doc With importHtml)
HTMLをGoogleドキュメントに埋め込む別の方法は、importHtml関数を使用してHTMLをGoogleスプレッドシートに埋め込むことです。(Google Sheets)次に、それをGoogleドキュメント(Google Docs)に挿入できます。
この関数は、ページのセクションを埋め込む代わりに、ページ全体を挿入することに注意してください。ただし、関数構文でインデックス番号を使用して、ページからテーブルまたはリストのみをインポートすることで、これを回避する方法があります。
たとえば、米国の人口統計に関するWikipediaWebページの4番目のテーブルを埋め込みたい(United)と(States)し(Wikipedia)ます。まず(First)、新しいGoogleスプレッドシート(Google Sheets)のスプレッドシートを開きます。スプレッドシートの最初のセルに、次の関数を入力します。
=ImportHTML("https://en.wikipedia.org/wiki/Demographics_of_the_United_States", "table", 4)
Enterキーを押すと、Webページから4番目のテーブルがインポートされ、カーソルがあるテーブルに挿入されます。
これで、 Googleドキュメント(Google Docs)内に埋め込むために使用できるインポートされたHTMLデータができました。このテーブルをフォーマットしますが、 (Format)Googleドキュメント(Google Docs)の内部を見たいと思います。
- これを行うには、Googleスプレッドシートでテーブルを強調表示し、 (Google Sheets)Ctrl-Cを押してテーブルをコピーします。
- テーブルを配置するGoogleドキュメントドキュメント(Google Docs)にカーソルを置き、右クリックして[貼り付け(Paste)]を選択します。
- いくつかのオプションを含むウィンドウポップアップが表示されます。[スプレッドシートにリンク(Link to spreadsheet)]を選択し、[貼り付け(Paste)]ボタンを選択します。
これにより、元の形式とまったく同じ方法で、Googleスプレッドシート(Google Sheets)からGoogleドキュメント(Google Docs)にテーブルが挿入されます。
テーブルをリンクすることで、いつでもGoogleスプレッドシートのテーブルを更新でき、 (Google Sheets)Googleドキュメント(Google Docs)のテーブルが自動的に更新されます。
Wordを使用してGoogleドキュメントにHTMLを埋め込む(Embed HTML in Google Docs Using Word)
単純なHTMLコード(simple HTML code)を.htmlまたは.htmファイルに保存している場合は、最初にMicrosoftWordで開くことができます。(Microsoft Word)Wordは常に(Word)HTMLファイルのレンダリング(render an HTML file)を試みます。次に、このドキュメントをGoogleドキュメント(Google Docs)にインポートし、ページ全体またはページの一部を編集中のドキュメントにコピーできます。
- これを行うには、Microsoft Wordを開き、HTMLファイルを開きます。ファイルがブラウザ内で表示されるようにレンダリングされているのがわかります。
- このドキュメントをWord形式で保存します。
- 次に、 Googleドライブ(Google Drive)に戻り、ファイルをGoogleドライブ(Google Drive)アカウント にアップロードします。
- アップロードしたら、右クリックして[プログラムから開く]を選択し(Open with)、[ Googleドキュメント(Google Docs)]を選択します。
これにより、ドキュメントがGoogleドキュメント(Google Docs)形式で開き、HTMLレンダリングにできるだけ近い形式になります。
これで、 HTML(HTML)ファイル全体、または必要なセクションのみをコピーできます。次に、編集しているGoogleドキュメントドキュメント(Google Docs)に貼り付けます。
これらは、 HTML(HTML)をGoogleドキュメントに埋め込むことができる3つの方法です。選択するオプションは、使用可能なツールによって異なります。また、ページ全体を使用するか、セクションのみを使用するか、および元のHTMLレンダリングされたフォーマットをどの程度一致させる必要があるかによっても異なります。
How To Embed HTML Into a Google Doc
Google Docs is a verу flexible wоrd procеѕsor in many ways, but what many peоple don’t realize is that you can embed HTML into a Google doc.
There are several ways to do this. One is to actually copy an HTML document straight from a browser and paste it into a Google Doc. The other is a trick using the importHTML function in Google Sheets to customize HTML formatting that you can then embed into a Google document.
Embed HTML Page Into a Google Doc
If you’re writing a document that requires information from the web, the last thing you want to have to do is paste that information as text.
This is because most information online contains information like charts, graphs, images and more. For example, taking notes for researching an essay paper would be much easier if you could embed HTML into a Google doc from a web page.
Thankfully, doing this in Google Docs is very easy. It’s made simple by the fact that Google Docs will automatically insert pasted web pages to include the original formatting, as much as possible.
- Highlight the section of the web page that you want to embed into your document. Press Ctrl-C on the keyboard to copy that section.
The example above shows the process of copying and pasting a section of a page from Wikipedia.
- Next, open the Google doc where you want to embed that HTML page, right-click, and select Paste. Make sure to select Paste and not Paste without formatting.
- When you select Paste, Google Docs will automatically import the page section you copied as much as possible in the format it appears on the original page. This includes images, URL links, and headers.
You can see that the links are live by hovering over one. In Google Docs you’ll see the external link appear.
You may find that in some cases the image formatting (such as alignment on the page) doesn’t match perfectly with the original page you copied from.
You can fix this by selecting the image, selecting the left align text icon in the ribbon, and the wrap text icon under the image.
This should appear more like the original web page formatting. If the image had a caption, you may need to move it down under the image, or wherever else you feel is appropriate.
As you can see, embedding HTML into a Google Doc using copy and paste from the web isn’t perfect. But it’s the fastest way to transfer information while retaining as much of the original web page HTML formatting as possible.
Embed HTML Into Google Doc With importHtml
Another method to embed HTML into your Google document is by embedding the HTML into Google Sheets using the importHtml function. Then you can insert that into Google Docs.
Keep in mind that instead of embedding a section of the page, this function will insert the entire page. However, there’s a way around that by using an index number in the function syntax to import only a table or list from the page.
For example, say you want to embed the fourth table from the Wikipedia web page about United States demographics. First, open a new Google Sheets spreadsheet. In the first cell of the spreadsheet, type the function:
=ImportHTML("https://en.wikipedia.org/wiki/Demographics_of_the_United_States", "table", 4)
When you press Enter, this will import the fourth table from the web page and insert it into the table where your cursor is.
Now you have the imported HTML data you can use to embed inside Google Docs. Format this table however you’d like it to look inside Google Docs.
- To do this, highlight the table in Google Sheets and press Ctrl-C to copy the table.
- Place the cursor in your Google Docs document where you want to place the table, right-click, and select Paste.
- You’ll see a window pop-up with a couple of options. Select Link to spreadsheet and select the Paste button.
This inserts the table from Google Sheets into Google Docs exactly the way it’s originally formatted.
By linking the table, you could always update the table in Google Sheets and it’ll automatically update the table in Google Docs.
Embed HTML in Google Docs Using Word
If you have your simple HTML code saved into a .html or .htm file, you can open it in Microsoft Word first. Word always attempts to render an HTML file. Then you can import this document into Google Docs and copy the entire page or section of the page into the document you’re editing.
- To do this, open Microsoft Word, and open your HTML file. You should see the file rendered the way it would look inside a browser.
- Save this document in Word format.
- Then, return to Google Drive and upload the file to your Google Drive account.
- Once it’s uploaded, right click on it and select Open with, and select Google Docs.
This will open the document in Google Docs format, formatted as close to the HTML rendering as possible.
Now you can copy either the entire HTML file, or just the section you want. Then paste it into the Google Docs document that you’re editing.
These are three ways you can embed HTML into a Google doc. The option you choose depends what tools you have available. It also depends whether you want the entire page, or just a section and how closely you need the original HTML rendered formatting to match.