So formatieren Sie Codeblöcke in Google Docs

Das Formatieren Ihrer Google Docs-Dokumente ist ein Kinderspiel, bis sich Codeblöcke einschleichen. Google Docs bietet keine Standardmethode zum Hinzufügen von Codeblöcken, und wenn Sie sie direkt kopieren und einfügen, wird die Standardformatierung durcheinander gebracht.

Um Code-Snippets in Google Docs richtig zu formatieren, müssen wir entweder verschiedene manuelle Problemumgehungen verwenden oder die Hilfe eines Add-Ons in Anspruch nehmen.

Dieser Artikel zeigt Ihnen, wie Sie Codeblöcke in Google Docs manuell und mithilfe von Add-ons formatieren.

So formatieren Sie Codeblöcke manuell in Google Docs

Es gibt zahlreiche Möglichkeiten, Codeblöcke in Google Docs zu formatieren. Dennoch beinhalten alle Methoden Tools von Drittanbietern. Wenn Sie also Codeblöcke in Google Docs formatieren möchten, ohne den Arbeitsbereich zu verlassen, wird dies nicht passieren.

Im Folgenden finden Sie drei Methoden zum manuellen Formatieren von Codeblöcken in Google Docs:

1. So formatieren Sie Codeblöcke in Google Docs mit Syntax Highlighter

Mit einem Syntax-Highlighter kann man den Stil seines Textes oder Codes leicht ändern. Viele Syntaxhervorhebungen sind verfügbar; Wir werden jedoch verwenden Syntax-Highlighter von Pinetools für dieses Beispiel.

So können Sie damit Codeblöcke in Google Docs formatieren:

1. Kopieren Sie den nicht hervorgehobenen Code aus Ihrem Google Docs-Dokument, das Sie formatieren möchten.
2. Gehe zu Syntax-Highlighter von pinetools.
3. Fügen Sie den Code in die Nicht hervorgehobener Code Kasten.
4. Unter Optionen Wählen Sie im rechten Bereich aus Automatische Erkennung wenn Sie möchten, dass das Tool die Sprache automatisch errät, oder wählen Sie Ihre gewünschte aus, indem Sie auf klicken Auswählenein und Auswahl der Sprache aus der Sprache auswählen Dropdown-Menü.
5. Wählen Sie Ihren bevorzugten Stil aus der Stil auswählen Dropdown-Menü.
6. Klicken Sie auf das Grün Markieren Taste.

Die obigen Schritte liefern Ihnen den hervorgehobenen Code mit seinem HTML.

Auch wenn Sie den hervorgehobenen Code direkt in Google Docs einfügen können, wird der Code nur hervorgehoben und die Leerzeichen werden weiterhin zwischen den Codezeilen angezeigt. Daher erscheint das endgültige Format chaotisch, wie unten gezeigt.

Um die Formatierung ansprechender zu gestalten, führen Sie die folgenden Schritte aus:

1. Kopieren Sie den hervorgehobenen Code aus dem Syntax-Highlighter.
2. Wählen Sie das Google Docs-Dokument aus, dem Sie den Code hinzufügen möchten.
3. Gehe zu Einfügen > Tabelle und wählen Sie a 1x1 Tisch.
4. Klicken Sie mit der rechten Maustaste auf das Tabellenfeld und gehen Sie zu Tabelleneigenschaften.
5. Verbinde die ZellenhintergrundFarbe an die Hintergrundfarbe im Syntax-Highlighter-Stil.

Wir haben ausgesucht Ir Schwarz für Stil u Schwarz für die Hintergrundfarbe, damit die endgültige Ausgabe wie folgt aussieht.

Wenn Sie wirklich Schwierigkeiten haben, ein geeignetes Format für Ihr Dokument zu finden, können Sie eine Vorlage verwenden. Schauen Sie sich unsere an Artikel über verschiedene Vorlagen, die Sie in Google Docs verwenden können um Ihr Leben einfacher zu machen.

2. So formatieren Sie Codeblöcke in Google Docs mit HTML-Code

Die zweite Möglichkeit, Codeblöcke in Google Docs zu formatieren, ist die Verwendung von HTML-Code. Gehen Sie dazu folgendermaßen vor:

1. Kopieren Sie den HTML-Code des hervorgehobenen Textes in die Syntax-Highlighter-Ausgabe.
2. Kopieren Sie den HTML-Code und fügen Sie ihn in den Editor ein.
3. Speichern Sie die Datei unter .HTML.
4. Öffne das .HTML Datei direkt in Google Docs.

Google Docs öffnet die Datei in ihrem ursprünglichen Format, nachdem der HTML-Code ausgeführt wurde, und nicht einfaches HTML, wie wir es in der Notepad-Datei getan haben.

Sie können den Code kopieren, in Ihr Originaldokument einfügen und mit den oben genannten Schritten weiße Abstände aus den Codezeilen entfernen. Als Ergebnis werden Sie feststellen, dass die endgültige Ausgabe fast identisch mit Methode eins ist.

Wenn Sie die Formatierung nicht mit Tabelleneigenschaften ändern möchten, gibt es eine andere Möglichkeit, dies zu tun. Ziel ist es, in Google Docs platzierte Codes mithilfe eines Microsoft Word-Dokuments zu formatieren. Hier erfahren Sie, wie Sie vorgehen können.

3. So formatieren Sie Codeblöcke in Google Docs mit Microsoft Word

Mit Microsoft Word können Sie den hervorgehobenen Code aus dem Syntax-Highlighter direkt in das Dokument kopieren und den Hintergrund ohne Leerzeichen zwischen den Zeilen konsistent halten.

Daher ist es möglich, diese Flexibilität zu nutzen, indem Sie alle Codeblöcke in einem Microsoft Word-Dokument formatieren und dieses Dokument später in Google Docs hochladen.

Gehen Sie dazu folgendermaßen vor:

1. Öffnen Sie das heruntergeladene Google Docs-Dokument in Microsoft Word oder ein leeres Microsoft Word-Dokument.
2. Um den hervorgehobenen Code vom Syntax-Highlighter zu erhalten, führen Sie die gleichen Schritte aus, die in Methode 1 erläutert wurden.
3. Wenn Sie den markierten Code direkt in ein Microsoft Word-Dokument einfügen, wird der Codeblock automatisch formatiert.
4. Speichern das Microsoft Word-Dokument und laden Sie es in Google Docs hoch.

Zu Google Docs hinzugefügter Code kann unter Beibehaltung der Formatierung in andere Docs-Dokumente kopiert werden. Sie können also entweder diese Methode verwenden, um Google Docs-Dateien zu formatieren, oder nur die Codes in einer separaten Datei formatieren und sie dann kopieren und in die Originaldatei einfügen.

Nachteile der manuellen Formatierung von Codeblöcken in Google Docs

Der Hauptnachteil der manuellen Formatierung von Codeblöcken in Google Docs besteht darin, dass alle drei Methoden einen erheblichen Teil Ihrer Zeit in Anspruch nehmen. Darüber hinaus erfordert das Ändern eines beliebigen Codestils, von vorne zu beginnen.

Es besteht auch ein geringes Fehlerrisiko, wenn der Syntax-Highlighter die Programmiersprache, die Sie zu formatieren versuchen, nicht unterstützt.

Um diese Einschränkungen zu umgehen, können Sie Google Docs-Add-ons verwenden. Für diesen Job sind verschiedene Add-Ons verfügbar, aber wir verwenden in diesem Fall Code-Blöcke.

Sehen wir uns an, wie Sie das Add-on zum Formatieren von Codeblöcken verwenden können und welche Vorteile es bietet.

So formatieren Sie Codeblöcke in Google Docs mit dem Codeblock-Add-on

Um Code-Blocker mit dem Add-on zu formatieren, gehen Sie folgendermaßen vor:

1. Gehen Sie zum Google Docs-Dokument.
2. Navigieren Sie zu Add-Ons > Add-Ons erhalten.
3. Geben Sie in die Suchleiste ein "Code-Blöcke" und schlagen Eingeben.
4. Wählen Sie das erste oben gezeigte Add-On aus und klicken Sie darauf Installieren.
5. Navigieren Sie zu Add-Ons > Codeblöcke > Start.
6. Wählen Sie den Codetext und in der rechten Seitenleiste Ihre bevorzugte Sprache und Ihr Design aus.
7. Drücke den Format Taste.

Mit den obigen Schritten werden Codeblöcke so formatiert, wie wir es manuell getan haben. Überprüfen der Kein Hintergrund Kontrollkästchen direkt über dem Format Mit der Schaltfläche können Sie die formatierten Codeblöcke im Klartext ohne Hintergrund anzeigen.

Vorteile der Formatierung von Codeblöcken mit dem Add-on

Das Add-on vereinfacht die Formatierung von Codeblöcken, wodurch Sie viel Zeit sparen. Darüber hinaus können Sie schnell Codeblöcke in verschiedenen Sprachen im selben Dokument formatieren, ohne die Formatierungseinstellungen im Syntax-Highlighter wesentlich zu ändern.

Wenn Sie also Zeit sparen und eine bessere Formatierungskontrolle haben möchten, ist die Verwendung des Add-Ons der richtige Weg.

Obwohl Google Docs größere Flexibilität bietet, gibt es viele andere Online-Textverarbeitungstools zur Auswahl, wenn Ihnen das Aussehen und die Haptik nicht gefallen.

Formatieren Sie Codeblöcke in Google Docs mit Leichtigkeit

Formatieren Sie Ihre Codeblöcke in Google Docs, entweder manuell oder mit dem Add-on, damit Ihre Dokumente ansprechend und leichter lesbar aussehen. Wenn Sie ein Add-On entdecken, das fehlerhaft ist oder nicht wie erwartet formatiert wird, sind die manuellen Methoden die beste Wahl.

Code Blocks ist nur eines von vielen Add-Ons, mit denen Sie die Formatierung besser steuern und Ihre Dokumente professioneller gestalten können. Es gibt noch viele weitere, die Sie erkunden sollten.

Die 10 besten Google Docs-Add-Ons für professionellere Dokumente

Lesen Sie weiter

Über den Autor