Comment intégrer du HTML dans un document Google

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.



About the author

Je suis un ingénieur en matériel avec plus de 10 ans d'expérience dans le domaine. Je me spécialise dans les contrôleurs et les câbles USB, ainsi que dans les mises à niveau du BIOS et le support ACPI. Dans mes temps libres, j'aime aussi bloguer sur divers sujets liés à la technologie et à l'ingénierie.



Related posts