Jak osadzić kod HTML w dokumencie Google?

Dokumenty Google(Google Docs) to bardzo elastyczny edytor tekstu na wiele sposobów, ale wiele osób nie zdaje sobie sprawy, że można osadzić kod HTML(HTML) w dokumencie Google .

Można to zrobić na kilka sposobów. Jednym z nich jest kopiowanie dokumentu HTML bezpośrednio z przeglądarki i wklejanie go do dokumentu Google(Google Doc) . Druga to sztuczka wykorzystująca funkcję importHTML w Arkuszach Google(Google Sheets) w celu dostosowania formatowania HTML , które można następnie osadzić w dokumencie Google .

Osadź stronę HTML w dokumencie Google(Embed HTML Page Into a Google Doc)

Jeśli piszesz dokument, który wymaga informacji z Internetu, ostatnią rzeczą, którą chcesz zrobić, to wkleić te informacje jako tekst.

Dzieje się tak, ponieważ większość informacji online zawiera informacje, takie jak wykresy, wykresy(charts, graphs) , obrazy i inne. Na przykład robienie notatek w celu zbadania pracy esejowej byłoby znacznie łatwiejsze, gdybyś mógł osadzić kod HTML(HTML) w dokumencie Google ze strony internetowej.

Na szczęście zrobienie tego w Dokumentach Google(Google Docs) jest bardzo łatwe. Ułatwia to fakt, że Dokumenty Google(Google Docs) automatycznie wstawiają wklejone strony internetowe, aby w jak największym stopniu uwzględniały oryginalne formatowanie.

  • Zaznacz(Highlight) sekcję strony internetowej, którą chcesz osadzić w dokumencie. Naciśnij Ctrl-C(Press Ctrl-C) na klawiaturze, aby skopiować tę sekcję.

Powyższy przykład pokazuje proces kopiowania i wklejania sekcji strony z Wikipedii(Wikipedia) .

  • Następnie otwórz dokument Google , w którym chcesz umieścić tę stronę HTML , kliknij prawym przyciskiem myszy i wybierz Wklej(Paste) . Pamiętaj, aby wybrać opcję Wklej(Paste) , a nie Wklej bez formatowania(Paste without formatting)

  • Gdy wybierzesz opcję Wklej(Paste) , Dokumenty Google(Google Docs) automatycznie zaimportują skopiowaną sekcję strony w maksymalnym możliwym formacie w formacie, w jakim występuje na oryginalnej stronie. Obejmuje to obrazy, linki URL i nagłówki.

Możesz zobaczyć, że linki są aktywne, najeżdżając na jeden. W Dokumentach Google(Google Docs) zobaczysz link zewnętrzny.

Może się okazać, że w niektórych przypadkach formatowanie obrazu (takie jak wyrównanie na stronie) nie pasuje idealnie do oryginalnej strony, z której skopiowałeś.

Możesz to naprawić, wybierając obraz, wybierając ikonę wyrównania tekstu do lewej na wstążce i ikonę zawijania tekstu pod obrazem.

Powinno to wyglądać bardziej jak oryginalne formatowanie strony internetowej. Jeśli obraz miał podpis, może być konieczne przesunięcie go w dół pod obrazem lub w inne miejsce, które uważasz za odpowiednie.

Jak widać, osadzanie kodu HTML(HTML) w Dokumentach Google(Google Doc) przy użyciu funkcji kopiowania i wklejania z Internetu nie jest idealne. Jest to jednak najszybszy sposób przesyłania informacji przy zachowaniu jak największej ilości oryginalnego formatowania HTML strony internetowej.(HTML)

Osadź HTML w Google Doc za pomocą importHtml(Embed HTML Into Google Doc With importHtml)

Inną metodą osadzenia kodu HTML(HTML) w dokumencie Google jest osadzenie kodu HTML(HTML) w Arkuszach Google(Google Sheets) za pomocą funkcji importHtml. Następnie możesz wstawić go do Dokumentów Google(Google Docs) .

Pamiętaj, że zamiast osadzania sekcji strony ta funkcja wstawia całą stronę. Można to jednak obejść, używając numeru indeksu w składni funkcji, aby zaimportować ze strony tylko tabelę lub listę.

Załóżmy na przykład, że chcesz osadzić czwartą tabelę ze strony internetowej Wikipedii(Wikipedia) poświęconej demografii Stanów (United) Zjednoczonych . (States)Najpierw(First) otwórz nowy arkusz kalkulacyjny Arkuszy Google . (Google Sheets)W pierwszej komórce arkusza kalkulacyjnego wpisz funkcję:

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

Po naciśnięciu klawisza Enter zaimportuje to czwartą tabelę ze strony internetowej i wstawi ją do tabeli, w której znajduje się kursor.

Teraz masz zaimportowane dane HTML , których możesz użyć do osadzenia w Dokumentach Google(Google Docs) . Sformatuj(Format) tę tabelę tak, aby wyglądała w Dokumentach Google(Google Docs) .

  • Aby to zrobić, zaznacz tabelę w Arkuszach Google(Google Sheets) i naciśnij Ctrl-C , aby skopiować tabelę.
  • Umieść kursor w dokumencie Dokumentów Google(Google Docs) w miejscu, w którym chcesz umieścić tabelę, kliknij prawym przyciskiem myszy i wybierz Wklej(Paste)
  • Zobaczysz wyskakujące okienko z kilkoma opcjami. Wybierz Link do arkusza kalkulacyjnego(Link to spreadsheet) i wybierz przycisk Wklej(Paste) .

Spowoduje to wstawienie tabeli z Arkuszy(Google Sheets) Google do Dokumentów Google(Google Docs) dokładnie tak, jak została sformatowana pierwotnie.

 Łącząc tabelę, zawsze możesz zaktualizować tabelę w Arkuszach Google(Google Sheets) i automatycznie zaktualizuje ona tabelę w Dokumentach Google(Google Docs) .

Osadź kod HTML w Dokumentach Google za pomocą programu Word(Embed HTML in Google Docs Using Word)

Jeśli masz swój prosty kod HTML(simple HTML code) zapisany w pliku .html lub .htm, możesz go najpierw otworzyć w programie Microsoft Word(Microsoft Word) . Word zawsze próbuje wyrenderować plik HTML(render an HTML file) . Następnie możesz zaimportować ten dokument do Dokumentów Google(Google Docs) i skopiować całą stronę lub sekcję strony do dokumentu, który edytujesz.

  • Aby to zrobić, otwórz Microsoft Word i otwórz plik HTML . Powinieneś zobaczyć plik wyrenderowany tak, jak wyglądałby w przeglądarce.

  • Zapisz ten dokument w formacie Word. 
  • Następnie wróć do Dysku Google(Google Drive) i prześlij plik na swoje konto Dysku Google(Google Drive)
  • Po przesłaniu kliknij go prawym przyciskiem myszy i wybierz Otwórz za pomocą(Open with) , a następnie wybierz Dokumenty Google(Google Docs) .

Spowoduje to otwarcie dokumentu w formacie Dokumentów Google(Google Docs) , sformatowanym tak blisko renderowania  HTML , jak to możliwe.(HTML)

Teraz możesz skopiować cały plik HTML lub tylko wybraną sekcję. Następnie wklej go do dokumentu Dokumentów Google(Google Docs) , który edytujesz.

Oto trzy sposoby osadzenia kodu HTML(HTML) w dokumencie Google . Wybrana opcja zależy od dostępnych narzędzi. Zależy to również od tego, czy chcesz mieć całą stronę, czy tylko jej sekcję, oraz od tego, jak bardzo potrzebne jest dopasowanie oryginalnego, renderowanego formatowania HTML .



About the author

inżynier audiofilski i specjalista ds. produktów audio z ponad 10-letnim doświadczeniem. Specjalizuję się w tworzeniu wysokiej jakości głośników muzycznych i słuchawek od początku do końca. Jestem ekspertem w rozwiązywaniu problemów z dźwiękiem oraz projektowaniu nowych głośników i systemów słuchawkowych. Moje doświadczenie wykracza poza samo tworzenie dobrych produktów; Mam również pasję pomagania innym w byciu jak najlepszymi, czy to poprzez edukację, czy pracę społeczną.



Related posts