Google Docs est un traitement de texte très flexible à bien des égards, mais ce que beaucoup de gens ne réalisent pas, c'est que vous pouvez intégrer du code HTML^(HTML) dans un document Google .

Il y a plusieurs moyens de le faire. La première consiste à copier un document HTML directement à partir d'un navigateur et à le coller dans un Google Doc . L'autre est une astuce utilisant la fonction importHTML dans Google Sheets pour personnaliser le formatage HTML que vous pouvez ensuite intégrer dans un document Google .

Intégrer une page HTML dans un document Google^{(Embed HTML Page Into a Google Doc)}

Si vous écrivez un document qui nécessite des informations provenant du Web, la dernière chose que vous souhaitez avoir à faire est de coller ces informations sous forme de texte.

En effet, la plupart des informations en ligne contiennent des informations telles que des tableaux, des graphiques^{(charts, graphs)} , des images, etc. Par exemple, prendre des notes pour rechercher un essai serait beaucoup plus facile si vous pouviez intégrer du code HTML^(HTML) dans un document Google à partir d'une page Web.

Heureusement, faire cela dans Google Docs est très simple. C'est simplifié par le fait que Google Docs insère automatiquement les pages Web collées pour inclure le formatage d'origine, autant que possible.

• Mettez^(Highlight) en surbrillance la section de la page Web que vous souhaitez intégrer dans votre document. Appuyez sur Ctrl-C^{(Press Ctrl-C)} sur le clavier pour copier cette section.

L'exemple ci-dessus montre le processus de copier et coller une section d'une page de Wikipedia .

• Ensuite, ouvrez le document Google dans lequel vous souhaitez intégrer cette page HTML , cliquez avec le bouton droit et sélectionnez Coller^(Paste) . Assurez-vous de sélectionner Coller^(Paste) et non Coller sans formatage^{(Paste without formatting)} . 

• Lorsque vous sélectionnez Coller^(Paste) , Google Docs importe automatiquement la section de page que vous avez copiée autant que possible dans le format dans lequel elle apparaît sur la page d'origine. Cela inclut les images, les liens URL et les en-têtes.^(URL)

Vous pouvez voir que les liens sont en direct en survolant un. Dans Google Docs , vous verrez apparaître le lien externe.

Vous constaterez peut-être que, dans certains cas, la mise en forme de l'image (telle que l'alignement sur la page) ne correspond pas parfaitement à la page d'origine à partir de laquelle vous avez copié.

Vous pouvez résoudre ce problème en sélectionnant l'image, en sélectionnant l'icône de texte d'alignement à gauche dans le ruban et l'icône d'habillage de texte sous l'image.

Cela devrait ressembler davantage au formatage de la page Web d'origine. Si l'image avait une légende, vous devrez peut-être la déplacer vers le bas sous l'image, ou là où vous le jugez approprié.

Comme vous pouvez le constater, l'intégration de code HTML^(HTML) dans un document Google^{(Google Doc)} à l'aide d'un copier-coller à partir du Web n'est pas parfaite. Mais c'est le moyen le plus rapide de transférer des informations tout en conservant autant que possible la mise en forme HTML de la page Web d'origine .

Intégrer HTML dans Google Doc avec importHtml^{(Embed HTML Into Google Doc With importHtml)}

Une autre méthode pour intégrer du HTML dans votre document Google consiste à intégrer le ^(Google)HTML dans Google Sheets à l'aide de la fonction importHtml. Ensuite, vous pouvez l'insérer dans Google Docs .

Gardez à l'esprit qu'au lieu d'intégrer une section de la page, cette fonction insérera la page entière. Cependant, il existe un moyen de contourner cela en utilisant un numéro d'index dans la syntaxe de la fonction pour importer uniquement une table ou une liste à partir de la page.

Par exemple, supposons que vous souhaitiez intégrer le quatrième tableau de la page Web Wikipedia sur la démographie des États- ^(United) Unis . ^(States)Commencez^(First) par ouvrir une nouvelle feuille de calcul Google Sheets . Dans la première cellule de la feuille de calcul, saisissez la fonction :

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

Lorsque vous appuyez sur Entrée, cela importera le quatrième tableau de la page Web et l'insérera dans le tableau où se trouve votre curseur.

Vous disposez maintenant des données HTML^(HTML) importées que vous pouvez utiliser pour les intégrer dans Google Docs . Formatez^(Format) ce tableau comme vous le souhaitez dans Google Docs .

• Pour ce faire, mettez en surbrillance le tableau dans Google Sheets et appuyez sur Ctrl-C pour copier le tableau.
• Placez le curseur dans votre document Google Docs^{(Google Docs)} à l'endroit où vous souhaitez placer le tableau, cliquez avec le bouton droit et sélectionnez Coller^(Paste) . 
• Vous verrez une fenêtre pop-up avec quelques options. Sélectionnez Lier à la feuille de calcul^{(Link to spreadsheet)} et sélectionnez le bouton Coller .^(Paste)

Cela insère le tableau de Google Sheets dans Google Docs exactement comme il est formaté à l'origine.

 En liant le tableau, vous pouvez toujours mettre à jour le tableau dans Google Sheets et il mettra automatiquement à jour le tableau dans Google Docs .

Intégrer du code HTML dans Google Docs à l'aide de Word^{(Embed HTML in Google Docs Using Word)}

Si votre code HTML simple est^{(simple HTML code)} enregistré dans un fichier .html ou .htm, vous pouvez d'abord l'ouvrir dans Microsoft Word . Word tente toujours d' afficher un fichier HTML^{(render an HTML file)} . Vous pouvez ensuite importer ce document dans Google Docs et copier la page entière ou une section de la page dans le document que vous modifiez.

• Pour ce faire, ouvrez Microsoft Word et ouvrez votre fichier HTML . Vous devriez voir le fichier rendu tel qu'il apparaîtrait dans un navigateur.

• Enregistrez ce document au format Word. 
• Ensuite, revenez à Google Drive et téléchargez le fichier sur votre compte Google Drive . 
• Une fois téléchargé, faites un clic droit dessus et sélectionnez Ouvrir avec^{(Open with)} , puis sélectionnez Google Docs .

Cela ouvrira le document au format Google Docs , formaté aussi près que possible du rendu  HTML .

Vous pouvez maintenant copier soit l'intégralité du fichier HTML , soit uniquement la section souhaitée. Collez-le ensuite dans le document Google Docs^{(Google Docs)} que vous modifiez.

Voici trois façons d'intégrer du code HTML^(HTML) dans un document Google . L'option que vous choisissez dépend des outils dont vous disposez. Cela dépend également si vous voulez la page entière ou juste une section et à quel point vous avez besoin que la mise en forme HTML d'origine corresponde.

How To Embed HTML Into a Google Doc

Google Docs is a very flexible word рrocessor in many ways, but what many people don’t realize is that you can embеd 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.

Related posts

• Comment imprimer un document Google avec des commentaires

• Comment ouvrir un fichier HTML dans Google Chrome

• Comment créer un graphique dans Google Doc (tutoriel)

• Comment télécharger le programme d'installation de Google Chrome hors ligne (autonome)

• Comment ajouter de la musique à Google Slides

• Comment faire pointer votre domaine vers Google Sites

• Comment trouver des doublons dans les lignes et les cellules dans Google Sheets

• Comment ajouter Google Analytics à Squarespace

• Comment activer et désactiver OK Google sur votre appareil Android

• Comment fonctionne une table des matières Google Docs

• Comment ajouter un diagramme de Gantt dans Google Docs

• 20 astuces sympas de Google pour rechercher plus efficacement

• Comment sauvegarder automatiquement des fichiers sur Google Drive ou OneDrive pour éviter la perte de données

• Les 10 meilleurs modèles de formulaires Google

• Comment télécharger vos données personnelles depuis Google

• Définir une date d'expiration sur les fichiers Google Drive partagés

• Comment utiliser les puissants outils de recherche de photos disponibles sur Google Photos

• Comment réparer "err_address_unreachable" dans Google Chrome

• Comment importer des données dans Google Sheets à partir d'une autre feuille

• Comment configurer la validation des réponses dans Google Forms