Programiści i programiści od dawna używają edytorów tekstu jako podstawowego sposobu wprowadzania kodu komputerowego. Niektóre środowiska programistyczne mają własne wbudowane edytory, ale programiści zazwyczaj lubią jeden edytor i trzymają się tego programu. Jednym z powodów tego jest to, że dobry edytor kodowania zawiera wyróżnianie składni, funkcję, która formatuje kod źródłowy oraz przypisuje czcionki i kolory słowom kluczowym i konstruuje w kodzie, aby ułatwić czytanie. Z tego powodu programiści faworyzują edytory tekstu, takie jak Notepad ++, które są omówione w tym przewodniku Tech Junkie. Większość programistów nie uważa Dokumentów Google za potencjalnego edytora kodowania, pomimo świetnych funkcji grup roboczych i integracji z chmurą, ponieważ nie ma wbudowanych opcji podświetlania składni.
Możesz jednak dodać wyróżnianie składni do kodu w dokumentach Google Doc. W rzeczywistości istnieje co najmniej kilka dodatków do Dokumentów, które umożliwiają formatowanie różnych języków programowania i znaczników z podświetlaniem składni. Istnieje również wiele aplikacji internetowych, których można używać do wstawiania kodu źródłowego z podświetlaniem w Dokumentach Google. Pokażę ci, jak dodać wyróżnianie składni kodu źródłowego do dokumentów w Dokumentach.
Sformatuj kod źródłowy za pomocą Code Pretty
Code Pretty to dodatek do Dokumentów Google, który automatycznie dodaje wyróżnianie do wybranego kodu. Code Pretty nie zawiera ogromnej liczby ustawień dostosowywania formatowania składni, ale wciąż dodaje przydatną opcję podświetlania składni do Dokumentów. Możesz dodać CP do Dokumentów, klikając przycisk Fr ee na tej stronie. Następnie naciśnij przycisk Zezwalaj , aby potwierdzić uprawnienia do dodatku.
Następnie otwórz Dokumenty w przeglądarce; i kliknij kartę Dodatki, aby otworzyć jej menu. To menu będzie teraz zawierało dodatek Code Pretty. Aby dać przykład, w jaki sposób ten dodatek wyróżnia składnię, wybierz i skopiuj poniższy przykładowy kod JavaScript do dokumentu Dokumentów, naciskając Ctrl + C.
Co może zrobić JavaScript?
JavaScript może zmieniać atrybuty HTML.
W takim przypadku JavaScript zmienia atrybut src (source) obrazu.
Wklej tę próbkę JavaScript do Dokumentów, naciskając Ctrl + V. Następnie wybierz kursor w edytorze tekstu. Kliknij Dodatki > Kod ładny i wybierz opcję Wybór formatu z podmenu. To sformatuje JavaScript, jak pokazano na migawce bezpośrednio poniżej.
Jak wspomniano, CP nie zawiera wielu ustawień podświetlania składni. Można jednak dostosować rozmiar czcionki podświetlonego kodu, klikając Dodatki > Kod ładny i Ustawienia . Spowoduje to otwarcie paska bocznego pokazanego bezpośrednio poniżej. Następnie możesz wybrać alternatywny domyślny rozmiar czcionki dla podświetlonego kodu.
Sformatuj kod źródłowy za pomocą bloków kodu
Code Blocks to alternatywny dodatek do CP, który możesz dodać do Dokumentów. Jest to właściwie nieco lepszy dodatek do podświetlania składni, ponieważ zawiera liczne motywy podświetlania. Naciśnij przycisk Bezpłatne na tej stronie, aby dodać Bloki kodu do Dokumentów.
Po zainstalowaniu bloków kodu otwórz Dokumenty, skopiuj i wklej ten sam kod JavaScript powyżej do edytora tekstu, jak poprzednio. Kliknij Dodatki > Bloki kodu i wybierz Start, aby otworzyć pasek boczny pokazany na zdjęciu bezpośrednio poniżej.
Kursorem zaznacz tylko tekst JavaScript. Upewnij się, że nie wybierasz pustego miejsca na dokumenty powyżej lub poniżej kodu. Wybierz JavaScript z pierwszego menu rozwijanego. Następnie możesz również wybrać motyw z menu rozwijanego Motyw . Naciśnij przycisk Format , aby dodać wyróżnienie składni do kodu, jak pokazano poniżej. Teraz tekst JavaScript jest znacznie wyraźniejszy z wyróżnionymi znacznikami.
Skopiuj i wklej wyróżniony kod źródłowy do Dokumentów Google
Oprócz Code Blocks i Code Pretty Docs, możesz także używać aplikacji internetowych do wyróżniania składni do formatowania kodu źródłowego. Następnie możesz skopiować i wkleić podświetlony kod źródłowy z aplikacji internetowej z powrotem do dokumentu Dokumentów. Textmate to jedna aplikacja internetowa do wyróżniania składni, która formatuje wiele języków programowania i znaczników.
Kliknij to hiperłącze, aby otworzyć Textmate. Następnie skopiuj i wklej tekst JavaScript zawarty w tym poście w polu kodu źródłowego Textmate za pomocą klawiszy skrótu Ctrl + C i Ctrl + V. Wybierz JavaScript z menu rozwijanego Język. Wybierz motyw podświetlenia składni z menu rozwijanego Motyw. Naciśnij przycisk Podświetl , aby uzyskać podgląd formatowania kodu źródłowego, jak pokazano na migawce bezpośrednio poniżej.
Następnie wybierz podświetlony JavaScript w podglądzie kursorem i naciśnij Ctrl + C. Wklej podświetlony kod do Dokumentów Google, naciskając Ctrl + V. Spowoduje to dodanie podświetlonego kodu źródłowego JavaScript do dokumentu Dokumentów, jak pokazano bezpośrednio poniżej.
Tak więc nie potrzebujesz stacjonarnego edytora tekstu, aby dodać podświetlanie składni do oprogramowania i kodu witryny. Zamiast tego możesz wyróżnić kod składniowy w dokumentach Dokumentów za pomocą rozszerzeń Code Pretty i Code Blocks. Możesz też skopiować i wkleić swój kod do iz aplikacji internetowej Textmate, aby wstawić kod źródłowy z wyróżnieniem w Dokumentach Google.
Czy masz inne sposoby dodania formatowania składni do Dokumentów Google? Udostępnij je nam poniżej!
