Google Docsเป็นโปรแกรมประมวลผลคำที่มีความยืดหยุ่นสูงในหลาย ๆ ด้าน แต่สิ่งที่หลายคนไม่รู้ก็คือคุณสามารถฝังHTMLลงในGoogleเอกสารได้

มีหลายวิธีในการทำเช่นนี้ หนึ่งคือการคัดลอก เอกสาร HTMLโดยตรงจากเบราว์เซอร์และวางลงในGoogle Doc ^{(Google Doc)}อีกวิธีหนึ่งคือการใช้ ฟังก์ชัน importHTMLในGoogle ชีต^{(Google Sheets)}เพื่อปรับแต่ง การจัดรูปแบบ HTMLที่คุณสามารถฝังลงในเอกสารGoogle ได้^(Google)

ฝังหน้า HTML ลงใน Google Doc^{(Embed HTML Page Into a Google Doc)}

หากคุณกำลังเขียนเอกสารที่ต้องใช้ข้อมูลจากเว็บ สิ่งสุดท้ายที่คุณต้องทำคือวางข้อมูลนั้นเป็นข้อความ

เนื่องจากข้อมูลออนไลน์ส่วนใหญ่ประกอบด้วยข้อมูลต่างๆ เช่นแผนภูมิ กราฟ^{(charts, graphs)}รูปภาพ และอื่นๆ ตัวอย่างเช่น การจดบันทึกเพื่อค้นคว้าบทความเรียงความจะง่ายกว่ามากถ้าคุณสามารถฝังHTMLลงใน เอกสาร ของ Google^(Google)จากหน้าเว็บ

โชคดีที่การทำเช่นนี้ในGoogle เอกสาร^{(Google Docs)}ทำได้ง่ายมาก เป็นเรื่องง่ายโดยที่Google เอกสาร^{(Google Docs)}จะแทรกหน้าเว็บที่วางโดยอัตโนมัติเพื่อรวมการจัดรูปแบบเดิมให้มากที่สุด

• เน้น^(Highlight)ส่วนของหน้าเว็บที่คุณต้องการฝังลงในเอกสารของคุณ กด Ctrl-C^{(Press Ctrl-C)}บนแป้นพิมพ์เพื่อคัดลอกส่วนนั้น

ตัวอย่างข้างต้นแสดงกระบวนการคัดลอกและวางส่วนของหน้าจากWikipedia

• ถัดไป เปิดGoogleเอกสารที่คุณต้องการฝัง หน้า HTMLนั้น คลิกขวาแล้วเลือกวาง ^(Paste)ตรวจสอบให้แน่ใจว่าได้เลือกวาง^(Paste)และไม่วางโดยไม่มีการจัดรูป^{(Paste without formatting)}แบบ 

• เมื่อคุณเลือกวาง^(Paste)Google เอกสาร^{(Google Docs)}จะนำเข้าส่วนของหน้าที่คุณคัดลอกโดยอัตโนมัติมากที่สุดในรูปแบบที่ปรากฏบนหน้าต้นฉบับ ซึ่งรวมถึงรูปภาพ ลิงก์ URLและส่วนหัว

คุณจะเห็นว่าลิงก์ใช้งานได้จริงโดยวางเมาส์เหนือลิงก์หนึ่ง ในGoogle เอกสาร^{(Google Docs)}คุณจะเห็นลิงก์ภายนอกปรากฏขึ้น

คุณอาจพบว่าในบางกรณีการจัดรูปแบบรูปภาพ (เช่น การจัดตำแหน่งบนหน้า) ไม่ตรงกับหน้าต้นฉบับที่คุณคัดลอกมาอย่างสมบูรณ์

คุณสามารถแก้ไขได้โดยเลือกรูปภาพ เลือกไอคอนข้อความจัดชิดซ้ายในริบบิ้น และไอคอนตัดข้อความใต้รูปภาพ

สิ่งนี้ควรดูเหมือนการจัดรูปแบบหน้าเว็บดั้งเดิมมากขึ้น หากรูปภาพมีคำบรรยาย คุณอาจต้องเลื่อนลงใต้รูปภาพหรือที่อื่นๆ ที่คุณรู้สึกว่าเหมาะสม

อย่างที่คุณเห็น การฝังHTMLลงในGoogle Docโดยใช้การคัดลอกและวางจากเว็บนั้นไม่สมบูรณ์แบบ แต่เป็นวิธีที่เร็วที่สุดในการถ่ายโอนข้อมูลในขณะที่ยังคงรักษารูปแบบ HTML^(HTML)ของหน้าเว็บดั้งเดิมไว้ให้มากที่สุด

ฝัง HTML ลงใน Google Doc ด้วย importHtml^{(Embed HTML Into Google Doc With importHtml)}

อีกวิธีหนึ่งในการฝังHTMLลงใน เอกสาร Google ของคุณ คือการฝังHTMLลงในGoogle ชีต^{(Google Sheets)}โดยใช้ฟังก์ชัน importHtml จากนั้นคุณสามารถแทรกสิ่งนั้นลงในGoogle เอกสาร^{(Google Docs)}

โปรดทราบว่าแทนที่จะฝังส่วนของหน้า ฟังก์ชันนี้จะแทรกทั้งหน้า อย่างไรก็ตาม มีวิธีแก้ปัญหาโดยใช้หมายเลขดัชนีในไวยากรณ์ของฟังก์ชันเพื่อนำเข้าเฉพาะตารางหรือรายการจากหน้า

ตัวอย่างเช่น สมมติว่าคุณต้องการฝังตารางที่สี่จากหน้าเว็บWikipedia เกี่ยวกับ ข้อมูลประชากรของ^(States)สหรัฐอเมริกา ^(United) ขั้นแรก^(First)เปิดสเปรดชีตGoogle ชีต ใหม่ ^{(Google Sheets)}ในเซลล์แรกของสเปรดชีต ให้พิมพ์ฟังก์ชัน:

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

เมื่อคุณกด Enter การดำเนินการนี้จะนำเข้าตารางที่สี่จากหน้าเว็บและแทรกลงในตารางที่เคอร์เซอร์อยู่

ตอนนี้คุณมี ข้อมูล HTML ที่นำเข้า แล้ว ซึ่ง คุณสามารถใช้เพื่อฝังในGoogle เอกสาร ^{(Google Docs)}จัดรูปแบบ^(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)}โดยอัตโนมัติ

ฝัง HTML ใน Google เอกสารโดยใช้ Word^{(Embed HTML in Google Docs Using Word)}

หากคุณมีโค้ด HTML แบบง่ายที่^{(simple HTML code)}บันทึกเป็นไฟล์ .html หรือ .htm คุณสามารถเปิดในMicrosoft Wordก่อนได้ Wordพยายามแสดงไฟล์ HTML^{(render an HTML file)}เสมอ จากนั้น คุณสามารถนำเข้าเอกสารนี้ไปยังGoogle เอกสาร^{(Google Docs)}และคัดลอกทั้งหน้าหรือส่วนของหน้าลงในเอกสารที่คุณกำลังแก้ไข

• ในการดำเนินการนี้ ให้เปิดMicrosoft Wordและเปิดไฟล์HTML ของคุณ ^(HTML)คุณควรเห็นไฟล์แสดงผลแบบเดียวกับในเบราว์เซอร์

• บันทึกเอกสารนี้ในรูปแบบ Word 
• จากนั้นกลับไปที่Google Driveและอัปโหลดไฟล์ไปยังบัญชี  Google Drive ของคุณ^{(Google Drive)}
• เมื่ออัปโหลด แล้วให้คลิกขวาและเลือกOpen withและเลือกGoogle Docs

การดำเนินการนี้จะเปิดเอกสารใน รูปแบบ Google เอกสาร^{(Google Docs)}โดยมีรูปแบบใกล้เคียงกับการ แสดงผล HTMLมากที่สุด 

ตอนนี้คุณสามารถคัดลอกทั้ง ไฟล์ HTMLหรือเฉพาะส่วนที่คุณต้องการ จากนั้นวางลงในเอกสาร Google^{(Google Docs)}เอกสารที่คุณกำลังแก้ไข

คุณสามารถฝังHTMLลงในเอกสารของ Google ได้สามวิธี ^(Google)ตัวเลือกที่คุณเลือกขึ้นอยู่กับเครื่องมือที่คุณมี นอกจากนี้ยังขึ้นอยู่กับว่าคุณต้องการให้ทั้งหน้าหรือแค่ส่วนใดส่วนหนึ่ง และคุณต้องการการ จัดรูปแบบการแสดงผล HTML ดั้งเดิม ให้ตรงกันมากน้อยเพียงใด

How To Embed HTML Into a Google Doc

Goоglе Doсs is a very flexible word procesѕor in many ways, but what many people don’t realizе is that you can embed 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

• วิธีพิมพ์ Google Doc พร้อมความคิดเห็น

• วิธีเปิดไฟล์ HTML ใน Google Chrome

• วิธีสร้างกราฟใน Google Doc (บทช่วยสอน)

• วิธีดาวน์โหลดตัวติดตั้ง Google Chrome ออฟไลน์ (สแตนด์อโลน)

• วิธีเพิ่มเพลงลงใน Google สไลด์

• วิธีตั้งค่าที่อยู่บ้านของคุณใน Google Maps

• วิธีเปลี่ยนสีพื้นหลังบน Google Docs

• รหัส HTML เพื่อตัดข้อความรอบรูปภาพ

• วิธีแก้ไข Google Discover ไม่ทำงานบน Android

• วิธีตั้งค่าการตรวจสอบการตอบกลับใน Google ฟอร์ม

• เปลี่ยนตำแหน่งโฟลเดอร์ดาวน์โหลดใน Google Chrome

• เทมเพลต Google ฟอร์มที่ดีที่สุด 10 แบบ

• วิธีใช้ If และ Nested If ใน Google ชีต

• วิธีเปิดใช้งานตัวจัดการบัญชี Google ที่ไม่ใช้งาน

• วิธีสแกนไปยัง Google Drive ด้วยโทรศัพท์ของคุณ

• วิธีการทำงานของสารบัญ Google Docs

• วิธีเปลี่ยนระยะขอบใน Google เอกสาร

• วิธีนำเข้าข้อมูลไปยัง Google ชีตจากชีตอื่น

• วิธีใช้ Google Assistant บน Windows 10

• วิธีดาวน์โหลดข้อมูลส่วนบุคคลของคุณจาก Google