HTMLをGoogleドキュメントに埋め込む方法

Googleドキュメント(Google Docs)は多くの点で非常に柔軟なワードプロセッサですが、多くの人が気付いていないのは、HTMLGoogleドキュメントに埋め込むことができるということです。

これを行うにはいくつかの方法があります。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からのコピーアンドペーストを使用してHTMLGoogleドキュメント(Google Doc)に埋め込むことは完全ではありません。ただし、元のWebページのHTML形式を可能な限り保持しながら、情報を転送するための最速の方法です。

importHtmlを使用してHTMLをGoogleドキュメントに埋め込みます(Embed HTML Into Google Doc With importHtml)

HTMLGoogleドキュメントに埋め込む別の方法は、importHtml関数を使用してHTMLGoogleスプレッドシートに埋め込むことです。(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レンダリングされたフォーマットをどの程度一致させる必要があるかによっても異なります。



About the author

私は、Excel や PowerPoint などの Microsoft Office ソフトウェアの使用経験があるコンピューターの専門家です。また、Google が所有するブラウザーである Chrome の使用経験もあります。私のスキルには、書面および口頭での優れたコミュニケーション、問題解決、批判的思考が含まれます。



Related posts