Google Docs är en mycket flexibel ordbehandlare på många sätt, men vad många inte inser är att du kan bädda in HTML i ett Google -dokument.

Det finns flera sätt att göra detta. En är att faktiskt kopiera ett HTML- dokument direkt från en webbläsare och klistra in det i ett Google-dokument^{(Google Doc)} . Det andra är ett knep som använder importHTML- funktionen i Google Sheets för att anpassa HTML -formatering som du sedan kan bädda in i ett Google- dokument.

Bädda in HTML-sida i ett Google-dokument^{(Embed HTML Page Into a Google Doc)}

Om du skriver ett dokument som kräver information från webben är det sista du behöver göra att klistra in informationen som text.

Detta beror på att den mesta informationen online innehåller information som diagram, grafer^{(charts, graphs)} , bilder och mer. Till exempel skulle det vara mycket lättare att göra anteckningar för att undersöka en uppsats om du kunde bädda in HTML i ett Google -dokument från en webbsida.

Tack och lov är det väldigt enkelt att göra detta i Google Dokument . ^{(Google Docs)}Det görs enkelt av det faktum att Google Dokument^{(Google Docs)} automatiskt infogar inklistrade webbsidor för att inkludera den ursprungliga formateringen, så mycket som möjligt.

• Markera^(Highlight) den del av webbsidan som du vill bädda in i dokumentet. Tryck på Ctrl-C^{(Press Ctrl-C)} på tangentbordet för att kopiera det avsnittet.

Exemplet ovan visar processen att kopiera och klistra in en del av en sida från Wikipedia .

• Öppna sedan Google - dokumentet där du vill bädda in HTML -sidan, högerklicka och välj Klistra^(Paste) in . Se till att välja Klistra^(Paste) in och inte Klistra in utan formatering^{(Paste without formatting)} . 

• När du väljer Klistra^(Paste) in kommer Google Dokument^{(Google Docs)} automatiskt att importera sidavsnittet du kopierade så mycket som möjligt i det format som det visas på originalsidan. Detta inkluderar bilder, URL- länkar och rubriker.

Du kan se att länkarna är live genom att hålla muspekaren över en. I Google Dokument^{(Google Docs)} kommer du att se den externa länken visas.

Du kanske upptäcker att i vissa fall bildformateringen (som justering på sidan) inte stämmer perfekt överens med originalsidan du kopierade från.

Du kan åtgärda detta genom att välja bilden, välja den vänsterjusterade textikonen i menyfliksområdet och ikonen för radbrytning under bilden.

Detta bör se ut mer som den ursprungliga webbsidans formatering. Om bilden hade en bildtext kan du behöva flytta den nedåt under bilden, eller varhelst du tycker är lämpligt.

Som du kan se är det inte perfekt att bädda in HTML i ett Google-dokument med kopiera och klistra in från webben. ^{(Google Doc)}Men det är det snabbaste sättet att överföra information samtidigt som man behåller så mycket av den ursprungliga HTML^(HTML) -formateringen på webbsidan som möjligt.

Bädda in HTML i Google Doc med importHtml^{(Embed HTML Into Google Doc With importHtml)}

En annan metod för att bädda in HTML i ditt Google- dokument är att bädda in HTML -koden i Google Sheets med hjälp av importHtml-funktionen. Sedan kan du infoga det i Google Dokument^{(Google Docs)} .

Tänk på att istället för att bädda in en del av sidan, kommer den här funktionen att infoga hela sidan. Det finns dock en väg runt det genom att använda ett indexnummer i funktionssyntaxen för att endast importera en tabell eller lista från sidan.

Säg till exempel att du vill bädda in den fjärde tabellen från Wikipedias^(Wikipedia) webbsida om USA ^(United) :s^(States) demografi. Öppna först^(First) ett nytt kalkylark för Google Kalkylark^{(Google Sheets)} . I den första cellen i kalkylarket skriver du funktionen:

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

När du trycker på Enter kommer detta att importera den fjärde tabellen från webbsidan och infoga den i tabellen där markören är.

Nu har du importerad HTML- data som du kan använda för att bädda in i Google Dokument^{(Google Docs)} . Formatera^(Format) den här tabellen som du vill att den ska se i Google Dokument^{(Google Docs)} .

• För att göra detta, markera tabellen i Google Sheets och tryck på Ctrl-C för att kopiera tabellen.
• Placera markören i ditt Google Dokument^{(Google Docs)} där du vill placera tabellen, högerklicka och välj Klistra in^(Paste) . 
• Du kommer att se ett popup-fönster med ett par alternativ. Välj Länka till kalkylblad^{(Link to spreadsheet)} och klicka på knappen Klistra^(Paste) in .

Detta infogar tabellen från Google Kalkylark^{(Google Sheets)} i Google Dokument^{(Google Docs)} precis som den ursprungligen var formaterad.

 Genom att länka tabellen kan du alltid uppdatera tabellen i Google Kalkylark^{(Google Sheets)} och den uppdaterar automatiskt tabellen i Google Dokument^{(Google Docs)} .

Bädda in HTML i Google Dokument med Word^{(Embed HTML in Google Docs Using Word)}

Om du har din enkla HTML-kod^{(simple HTML code)} sparad i en .html- eller .htm-fil kan du först öppna den i Microsoft Word . Word försöker alltid rendera en HTML-fil^{(render an HTML file)} . Sedan kan du importera det här dokumentet till Google Dokument^{(Google Docs)} och kopiera hela sidan eller avsnittet av sidan till dokumentet du redigerar.

• För att göra detta, öppna Microsoft Word och öppna HTML -filen. Du bör se filen renderad som den skulle se ut i en webbläsare.

• Spara detta dokument i Word-format. 
• Gå sedan tillbaka till Google Drive och ladda upp filen till ditt Google Drive - konto. 
• När den har laddats upp högerklickar du på den och väljer Öppna med^{(Open with)} och väljer Google Dokument^{(Google Docs)} .

Detta öppnar dokumentet i Google Docs -format, formaterat så nära HTML -renderingen som möjligt. 

Nu kan du kopiera antingen hela HTML -filen eller bara det avsnitt du vill ha. Klistra sedan in det i Google Dokument-^{(Google Docs)} dokumentet som du redigerar.

Det här är tre sätt att bädda in HTML i ett Google -dokument. Alternativet du väljer beror på vilka verktyg du har tillgängliga. Det beror också på om du vill ha hela sidan, eller bara ett avsnitt och hur nära du behöver den ursprungliga HTML -renderade formateringen för att matcha.

How To Embed HTML Into a Google Doc

Google Docs is a very flexible word proсessor in manу wayѕ, but what many рeople don’t realize is that you can embed HΤML 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

• Hur man skriver ut ett Google-dokument med kommentarer

• Hur man öppnar en HTML-fil i Google Chrome

• Hur man skapar en graf i Google Doc (handledning)

• Hur man laddar ner Google Chrome Offline (fristående) installationsprogram

• Hur man lägger till musik till Google Slides

• Så här fixar du "err_address_unreachable" i Google Chrome

• 20 coola Google-trick för att söka mer effektivt

• De 10 bästa Google Forms-mallarna

• Så här fixar du felet "Nedladdningskvoten har överskridits" i Google Drive

• Hur man ändrar bakgrundsfärg på Google Docs

• Hur man använder kraftfulla fotosökningsverktyg som finns tillgängliga på Google Foton

• Hur en innehållsförteckning för Google Dokument fungerar

• Hur du slår på och av OK Google på din Android-enhet

• Hur man lägger till ett Gantt-diagram i Google Dokument

• Hur du ställer in din webbplats på Google Analytics

• HTML-kod för att linda text runt bilden

• Ta bort personlig aktivitetsinformation som samlats in av Google

• Hur man synkroniserar Google Kalender med Outlook

• Hur man skannar till Google Drive med din telefon

• Hur man hittar dubbletter i rader och celler i Google Sheets