Entwickler und Programmierer verwenden seit langem Texteditoren als primäre Methode zur Eingabe von Computercode. Einige Entwicklungsumgebungen haben ihre eigenen integrierten Editoren, aber Entwickler lieben normalerweise einen Editor und halten sich an dieses Programm. Ein Grund dafür ist, dass ein guter Codierungseditor eine Syntaxhervorhebung enthält, eine Funktion, die den Quellcode formatiert und Schlüsselwörtern und Konstrukten im Code Schriftarten und Farben zuweist, um das Lesen zu erleichtern. Texteditoren wie Notepad ++, die hier behandelt werden Tech Junkie Leitfaden werden von Entwicklern aus diesem Grund bevorzugt. Die meisten Entwickler betrachten Google Text & Tabellen trotz der hervorragenden Arbeitsgruppenfunktionen und der Cloud-Integration nicht als potenziellen Codierungseditor, da keine integrierten Optionen zur Hervorhebung der Syntax enthalten sind.
Sie können dem Code in Google Doc-Dokumenten jedoch eine Syntaxhervorhebung hinzufügen. Tatsächlich gibt es mindestens einige Add-Ons für Dokumente, mit denen Sie verschiedene Programmier- und Markup-Sprachen mit Syntaxhervorhebung formatieren können. Es gibt auch zahlreiche Web-Apps, mit denen Sie Quellcode mit Hervorhebung in Google Text & Tabellen einfügen können. In diesem Artikel werde ich Ihnen zeigen, wie Sie Ihren Docs-Dokumenten Quellcode-Syntax-Hervorhebungen hinzufügen.
Formatieren Sie den Quellcode mit Code Pretty
Code Pretty ist ein Add-On für Google Text & Tabellen, mit dem der ausgewählte Code automatisch hervorgehoben wird. Code Pretty enthält nicht viele Einstellungen zum Anpassen der Syntaxformatierung, fügt Docs jedoch eine praktische Option zum Hervorheben der Syntax hinzu. Sie können CPs zu Dokumenten hinzufügen, indem Sie auf klickenFr. eeTaste ein diese Webseite . Drücken Sie dann dieermöglichenSchaltfläche, um die Berechtigungen für das Add-On zu bestätigen.
Öffnen Sie als Nächstes Docs in Ihrem Browser. und klicken Sie auf die Registerkarte Add-Ons, um das Menü zu öffnen. Dieses Menü enthält jetzt das Code Pretty-Add-On. Um Ihnen ein Beispiel zu geben, wie dieses Add-On die Syntax hervorhebt, wählen Sie den folgenden JavaScript-Beispielcode aus und kopieren Sie ihn in ein Dokumentendokument, indem Sie Strg + C drücken.
Was kann JavaScript?
JavaScript kann HTML-Attribute ändern.
In diesem Fall ändert JavaScript das src-Attribut (Quellattribut) eines Bildes.
Mach das Licht an
Mach das Licht aus
Fügen Sie das JavaScript-Beispiel in Docs ein, indem Sie Strg + V drücken. Wählen Sie dann den Code im Textverarbeitungsprogramm mit dem Cursor aus. KlickenAdd-Ons>Code Hübschund wählen Sie dieFormatauswahlOption aus dem Untermenü. Dadurch wird das JavaScript wie im Snapshot direkt unten gezeigt formatiert.
Wie ändere ich mein Alter auf Tiktok?
Wie bereits erwähnt, enthält CP nicht viele Einstellungen für die Syntaxhervorhebung. Sie können jedoch die Schriftgröße des markierten Codes anpassen, indem Sie auf klickenAdd-Ons>Code Hübschunddie Einstellungen. Dadurch wird die direkt darunter gezeigte Seitenleiste geöffnet. Anschließend können Sie eine alternative Standardschriftgröße für den hervorgehobenen Code auswählen.
Formatieren Sie den Quellcode mit Codeblöcken
Codeblöcke ist ein alternatives Add-On zu CP, das Sie zu Dokumenten hinzufügen können. Dies ist tatsächlich ein etwas besseres Add-On zum Hervorheben der Syntax, da es zahlreiche Hervorhebungsthemen enthält. Drücken Sie dieKostenlosTaste ein diese Webseite Hinzufügen von Codeblöcken zu Dokumenten.
Wenn Sie Codeblöcke installiert haben, öffnen Sie Docs und kopieren Sie den oben genannten JavaScript-Code und fügen Sie ihn wie zuvor in das Textverarbeitungsprogramm ein. KlickenAdd-Ons>Codeblöckeund wählen SieStartum die in der Aufnahme direkt darunter gezeigte Seitenleiste zu öffnen.
Wählen Sie mit dem Cursor nur den JavaScript-Text aus. Stellen Sie sicher, dass Sie keinen leeren Dokumentbereich über oder unter dem Code auswählen. WählenJavaScriptaus dem ersten Dropdown-Menü. Dann können Sie auch ein Thema aus dem auswählenThemaDropdown-Menü. Drücken Sie dieFormatKlicken Sie auf die Schaltfläche, um die Syntaxhervorhebung wie unten gezeigt zum Code hinzuzufügen. Jetzt ist der JavaScript-Text mit hervorgehobenen Markup-Tags viel klarer.
Kopieren Sie den hervorgehobenen Quellcode und fügen Sie ihn in Google Text & Tabellen ein
Neben Codeblöcken und Code Pretty Docs können Sie auch Syntax-Textmarker-Webanwendungen zum Formatieren des Quellcodes verwenden. Anschließend können Sie den markierten Quellcode aus einer Web-App kopieren und wieder in Ihr Dokumentendokument einfügen. Textmate ist eine Syntax-Textmarker-Web-App, die zahlreiche Programmier- und Auszeichnungssprachen formatiert.
Klicken dieser Hyperlink Textmate öffnen. Kopieren Sie anschließend den in diesem Beitrag enthaltenen JavaScript-Text und fügen Sie ihn mit den Tastenkombinationen Strg + C und Strg + V in das Quellcodefeld von Textmate ein. WählenJavaScriptaus dem Dropdown-Menü Sprache. Wählen Sie im Dropdown-Menü Thema ein Syntax-Highlight-Thema aus. Drücken Sie dieMarkierenKlicken Sie auf die Schaltfläche, um eine Vorschau der Formatierung des Quellcodes zu erhalten, wie im Snapshot direkt unten gezeigt.
Wählen Sie als Nächstes das hervorgehobene JavaScript in der Vorschau mit dem Cursor aus und drücken Sie Strg + C. Fügen Sie den hervorgehobenen Code in Google Text & Tabellen ein, indem Sie Strg + V drücken. Dadurch wird der hervorgehobene JavaScript-Quellcode wie direkt unten gezeigt zum Textdokument hinzugefügt.
Sie benötigen also keinen Desktop-Texteditor, um Software- und Website-Code mit Syntaxhervorhebungen zu versehen. Stattdessen können Sie Syntaxcode in Docs-Dokumenten mit den Erweiterungen Code Pretty und Code Blocks hervorheben. Alternativ können Sie Ihren Code kopieren und in die Textmate-Webanwendung einfügen, um den Quellcode mit Hervorhebung in Google Text & Tabellen einzufügen.
Haben Sie andere Möglichkeiten, Google Text & Tabellen Syntaxformatierungen hinzuzufügen? Teile sie uns unten mit!
