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

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

これを行うにはいくつかの方法があります。 1つは、実際にHTMLドキュメントをブラウザから直接コピーして、Googleドキュメントに貼り付けることです。もう1つは、 importHTMLを使用したトリックです。 Googleスプレッドシートで機能して、Googleドキュメントに埋め込むことができるHTMLフォーマットをカスタマイズします。

HTMLページをGoogleドキュメントに埋め込む

Webからの情報を必要とするドキュメントを作成している場合、最後に行う必要があるのは、その情報をテキストとして貼り付けることです。

これは、オンラインのほとんどの情報にチャート、グラフ、画像などの情報が含まれているためです。たとえば、ウェブページからGoogleドキュメントにHTMLを埋め込むことができれば、エッセイペーパーを研究するためのメモを取るのがはるかに簡単になります。

ありがたいことに、Googleドキュメントでこれを行うのは非常に簡単です。 Googleドキュメントが貼り付けられたウェブページを自動的に挿入して、可能な限り元の書式を含めるようにすることで、簡単になりました。

• ドキュメントに埋め込むWebページのセクションを強調表示します。キーボードのCtrl-Cを押して、そのセクションをコピーします。

上記の例は、ウィキペディアからページのセクションをコピーして貼り付けるプロセスを示しています。

• 次に、そのHTMLページを埋め込むGoogleドキュメントを開き、右クリックして[貼り付け]を選択します。 。必ず貼り付けを選択してください フォーマットせずに貼り付けるではありません 。

• [貼り付け]を選択すると、Googleドキュメントは、コピーしたページセクションを、元のページに表示される形式で可能な限り自動的にインポートします。これには、画像、URLリンク、ヘッダーが含まれます。

リンクにカーソルを合わせると、リンクが有効になっていることがわかります。 Googleドキュメントに外部リンクが表示されます。

場合によっては、画像の書式設定（ページの配置など）が、コピー元の元のページと完全に一致しないことがあります。

これを修正するには、画像を選択し、リボンの左揃えのテキストアイコンを選択し、画像の下にテキストを折り返すアイコンを選択します。

これは、元のWebページのフォーマットのように見えるはずです。画像にキャプションが付いている場合は、画像の下、または適切と思われる場所に画像を下に移動する必要があります。

ご覧のとおり、ウェブからのコピーアンドペーストを使用してHTMLをGoogleドキュメントに埋め込むのは完璧ではありません。ただし、元のWebページのHTML形式を可能な限り保持しながら、情報を転送するための最速の方法です。

importHtmlを使用してHTMLをGoogleドキュメントに埋め込む

HTMLをGoogleドキュメントに埋め込む別の方法は、importHtml関数を使用してHTMLをGoogleスプレッドシートに埋め込むことです。次に、それをGoogleドキュメントに挿入できます。

この関数は、ページのセクションを埋め込む代わりに、ページ全体を挿入することに注意してください。ただし、関数構文でインデックス番号を使用して、ページからテーブルまたはリストのみをインポートすることで、これを回避する方法があります。

たとえば、米国の人口統計に関するWikipediaWebページの4番目のテーブルを埋め込みたいとします。まず、新しいGoogleスプレッドシートのスプレッドシートを開きます。スプレッドシートの最初のセルに、次の関数を入力します。

=ImportHTML("https://en.wikipedia.org/wiki/Demographics_of_the_United_States", "table", 4)

Enterキーを押すと、Webページから4番目のテーブルがインポートされ、カーソルがあるテーブルに挿入されます。

これで、Googleドキュメント内に埋め込むために使用できるインポートされたHTMLデータができました。この表をフォーマットして、Googleドキュメントの内部を見たいと思います。

• これを行うには、Googleスプレッドシートで表を強調表示し、 Ctrl-Cを押します。 テーブルをコピーします。
• テーブルを配置するGoogleドキュメントドキュメントにカーソルを置き、右クリックして[貼り付け]を選択します 。
• いくつかのオプションを含むウィンドウポップアップが表示されます。 スプレッドシートへのリンクを選択します 貼り付けを選択します ボタン。

これにより、元の形式とまったく同じ方法で、GoogleスプレッドシートからGoogleドキュメントにテーブルが挿入されます。

テーブルをリンクすることで、いつでもGoogleスプレッドシートのテーブルを更新でき、Googleドキュメントのテーブルが自動的に更新されます。

Wordを使用してGoogleドキュメントにHTMLを埋め込む

単純なHTMLコードを.htmlまたは.htmファイルに保存している場合は、最初にMicrosoftWordで開くことができます。 Wordは常にHTMLファイルのレンダリングを試みます。次に、このドキュメントをGoogleドキュメントにインポートし、ページ全体またはページの一部を編集中のドキュメントにコピーできます。

• これを行うには、Microsoft Wordを開き、HTMLファイルを開きます。ファイルがブラウザ内で表示されるようにレンダリングされているのがわかります。

• このドキュメントをWord形式で保存します。
• 次に、Googleドライブに戻り、ファイルをGoogleドライブアカウントにアップロードします。
• アップロードしたら、右クリックして[プログラムから開く]を選択します 、Googleドキュメントを選択します 。

これにより、ドキュメントがGoogleドキュメント形式で開き、HTMLレンダリングにできるだけ近い形式になります。

これで、HTMLファイル全体、または必要なセクションのみをコピーできます。次に、編集しているGoogleドキュメントドキュメントに貼り付けます。

これらは、HTMLをGoogleドキュメントに埋め込むことができる3つの方法です。選択するオプションは、使用可能なツールによって異なります。また、ページ全体が必要か、セクションのみが必要か、元のHTMLレンダリングされたフォーマットをどの程度一致させる必要があるかによっても異なります。