Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> ซอฟต์แวร์ >> ซอฟต์แวร์

วิธีฝัง HTML ลงใน Google Docs

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

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

วิธีฝัง HTML ลงใน Google Docs

ฝังหน้า HTML ลงใน Google Doc

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

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

ขอขอบคุณที่ทำได้ง่ายใน Google Docs มันง่ายเพราะ Google Docs จะแทรกหน้าเว็บที่วางโดยอัตโนมัติ รวมถึงรูปแบบเดิมมากที่สุดเท่าที่จะทำได้

  • ไฮไลท์ส่วนของหน้าเว็บที่คุณต้องการฝังในเอกสาร กด Ctrl-C บนคีย์บอร์ดเพื่อคัดลอกส่วนนั้น
วิธีฝัง HTML ลงใน Google Docs

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

  • ต่อไป เปิด Google Doc ที่คุณต้องการฝัง HTML หน้านั้น คลิกขวา และเลือก Paste ตรวจสอบให้แน่ใจว่าเลือก Paste ไม่ใช่ Paste without formatting
วิธีฝัง HTML ลงใน Google Docs
  • เมื่อคุณเลือก Paste Google Docs จะนำเข้าส่วนของหน้าที่คุณคัดลอกมากที่สุดเท่าที่เป็นไปได้ ในรูปแบบที่ปรากฏบนหน้าเดิม รวมถึงรูปภาพ ลิงก์ URL และส่วนหัว
วิธีฝัง HTML ลงใน Google Docs

คุณเห็นว่าลิงก์ยังทำงานอยู่ โดยการวางเมาส์เหนือหนึ่งลิงก์ ใน Google Docs คุณจะเห็นลิงก์ภายนอกปรากฏ

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

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

วิธีฝัง HTML ลงใน Google Docs

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

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

ฝัง HTML ใน Google Doc ด้วย importHtml

อีกวิธีหนึ่งในการฝัง HTML ลงใน Google Document คือ การฝัง HTML ลงใน Google Sheets โดยใช้ฟังก์ชัน importHtml แล้วค่อยนำเข้าไปใน Google Docs

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

เช่น สมมติว่าคุณต้องการฝังตารางที่ 4 จากหน้า Wikipedia เกี่ยวกับ Demographics ของ United States ก่อนอื่น เปิด Google Sheets ใหม่ ในเซลล์แรกของสเปรดชีท พิมพ์ฟังก์ชัน:

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

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

วิธีฝัง HTML ลงใน Google Docs

ตอนนี้คุณมีข้อมูล HTML ที่นำเข้ามา สามารถใช้ฝังภายใน Google Docs ได้ จัดรูปแบบตารางนี้ให้ดูเหมาะกับ Google Docs

  • เพื่อทำเช่นนี้ ให้ไฮไลท์ตารางใน Google Sheets และกด Ctrl-C เพื่อคัดลอกตาราง
  • วางเคอร์เซอร์ในเอกสาร Google Docs ที่คุณต้องการวางตาราง คลิกขวา และเลือก Paste
  • คุณจะเห็นหน้าต่างป๊อปอัปมีตัวเลือกสองอย่าง เลือก Link to spreadsheet และคลิกปุ่ม Paste
วิธีฝัง HTML ลงใน Google Docs

นี่จะแทรกตารางจาก Google Sheets ลงใน Google Docs อย่างแม่นยำเหมือนรูปแบบต้นฉบับ

วิธีฝัง HTML ลงใน Google Docs

ด้วยการลิงก์ตาราง คุณสามารถอัปเดตตารางใน Google Sheets ได้ตลอดเวลา และมันจะอัปเดตตารางใน Google Docs อัตโนมัติ

ฝัง HTML ใน Google Docs โดยใช้ Word

ถ้าคุณมีโค้ด HTML เรียบง่ายบันทึกไว้ในไฟล์ .html หรือ .htm คุณสามารถเปิดมันใน Microsoft Word ก่อน Word จะพยายาม Render ไฟล์ HTML เสมอ แล้วคุณสามารถนำเข้าเอกสารนี้เข้า Google Docs และคัดลอกหน้าทั้งหมดหรือส่วนของหน้าไปยังเอกสารที่คุณกำลังแก้ไข

  • เพื่อทำเช่นนี้ ให้เปิด Microsoft Word และเปิดไฟล์ HTML ของคุณ คุณควรเห็นไฟล์ถูก Render ตามที่มันจะดูในเบราว์เซอร์
วิธีฝัง HTML ลงใน Google Docs
  • บันทึกเอกสารนี้ในรูปแบบ Word
  • จากนั้น กลับไปที่ Google Drive และอัปโหลดไฟล์ไปที่บัญชี Google Drive
  • หลังอัปโหลดเสร็จ คลิกขวาที่มัน และเลือก Open with แล้วเลือก Google Docs
วิธีฝัง HTML ลงใน Google Docs

นี่จะเปิดเอกสารในรูปแบบ Google Docs จัดรูปแบบใกล้เคียงกับการ Render HTML มากที่สุด

วิธีฝัง HTML ลงใน Google Docs

ตอนนี้คุณสามารถคัดลอกทั้งไฟล์ HTML ทั้งหมด หรือแค่ส่วนที่คุณต้องการ แล้ววางลงในเอกสาร Google Docs ที่คุณกำลังแก้ไข

นี่คือ 3 วิธีที่คุณสามารถฝัง HTML ลงใน Google Doc ตัวเลือกที่คุณเลือกขึ้นอยู่กับเครื่องมือที่คุณมีอยู่ ขึ้นอยู่กับว่าคุณต้องการหน้าทั้งหมด หรือแค่ส่วน และว่าคุณต้องการให้รูปแบบ HTML ต้นฉบับ Render ตรงกันมากแค่ไหน