Hinzufügen von Codeblöcken

Document360 verwendet Prism.js zur Syntaxhervorhebung und unterstützt verschiedene Programmiersprachen in Codeblöcken, darunter:

• HTML

• C#

• Java

• JavaScript

• XML

• JSON

• CSS

• SQL

• Python

• Markdown

• PHP

• PowerShell

• Text

Für eine vollständige Liste der unterstützten Sprachen siehe bitte die Dokumentation zu den unterstützten Sprachen von Prism.

Erstellen von Codeblöcken im Markdown-Editor

Im Markdown gibt es zwei Methoden, um eingezäunte Codeblöcke zu erstellen:

1. Verwende dreifache Backticks ``` vor und nach dem Code-Snippet.

Zum Beispiel:

'''csharp
[dein Code-Schnipsel]
```

2. Verwenden Sie die Verknüpfung Ctrl+Shift+P oder klicken Sie auf das Codeblock einfügen ()-Symbol in der Formatierungsleiste.

Erstellen von Codeblöcken im WYSIWYG (HTML) Editor

Um Codeblöcke im WYSIWYG (HTML) Editor zu erstellen, folgen Sie den folgenden Schritten:

1. Navigiere im WYSIWYG-Editor zum gewünschten Artikel.

2. Klicken Sie auf das Code-Block-Symbol (), und ein Panel erscheint.

3. Wählen Sie Ihre gewünschte Sprache im Dropdown-Menü aus.

4. Gib deinen Code in das Feld "Code einfügen " ein.

5. Klicken Sie auf Einfügen , um den Codeblock zu Ihrem Artikel hinzuzufügen.

6. Klicken Sie auf das Bearbeiten ()-Symbol auf der rechten Seite, um einen Codeblock zu bearbeiten.

7. Klicken Sie auf das Löschen ()-Symbol auf der rechten Seite, um einen Codeblock zu löschen.

Erstellen von Codeblöcken im Advanced WYSIWYG-Editor

Um einen Codeblock im Advanced WYSIWYG-Editor zu erstellen, folgen Sie den folgenden Schritten:

1. Navigieren Sie im Advanced WYSIWYG-Editor zum gewünschten Artikel.

2. Sie können Codeblöcke auf drei Arten erstellen:

   1. Klicken Sie auf das Code-Block-Symbol ()-Symbol im Schnelleinsatzmenü . Das Schnelleinsatzmenü erscheint nur, wenn der Block leer ist.

   2. Geben Sie drei Backticks ``` ein und drücken Sie Enter.

   3. Benutze den Schrägstrich-Befehl /code block und drücke Enter.

3. Klicken Sie auf den erstellten Code-Block. Ein schwebendes Menü erscheint.

4. Wählen Sie die gewünschte Überschrift aus.

5. Klicken Sie auf das Kopieren ()-Symbol, um den Code zu kopieren.

6. Klicken Sie auf das Löschen ()-Symbol, um den Codeblock zu löschen.

7. Geben Sie den eingerückten Code im Codeblock ein.

Sprach-Kurzcodes

• C: c

• C++: CPP, c++

• C#: csharp

• CSS: CSS

• CoffeeScript: coffeescript

• HTML: html

• JSON: JSON

• Java: Java

• JavaScript: javascript, js

• Objective-C: objective-c, obj-c, objc

• Objective-C++: objc++

• PHP: php

• Perl: perl, pl

• Python 3: python3, py3

• Python: Python, py

• Ruby: Ruby, RB

• Snobol: Snobol

• XML: xml

Benutzerdefinierte Sprache

Wenn die gewünschte Sprache nicht verfügbar ist, können Sie einen Codeblock für eine benutzerdefinierte Sprache erstellen.

1. Im Markdown-Editor: Nach dem Einfügen des Codeblocks fügen Sie einen Titel hinzu, indem Sie nach den ersten Backticks den gewünschten Text eingeben:

```HTML
Hello world
```

2. Im WYSIWYG-Editor: Wählen Sie benutzerdefiniert aus dem Dropdown-Menü "Sprache auswählen " und geben Sie Ihren gewünschten Titel im Feld "Ihren Titel eingeben " ein.

3. Im erweiterten WYSIWYG-Editor: Verwenden Sie die Suchleiste im Dropdown-Menü, um Benutzerdefiniert auszuwählen, klicken Sie dann auf das Symbol Bearbeiten (), um Ihren Titel einzugeben, und klicken Sie auf Aktualisieren.

Einzug und Codeblöcke

Jeder Text, der mit mindestens vier Leerzeichen eingerückt wird, wird als Codeblock behandelt. Diese Methode ist für längere Codeschnipsel nützlich, beinhaltet aber keine Syntaxhervorhebung.

Der folgende Codeblock wird durch Einzüge statt Backticks erstellt.

def test():
    logging.error('Test failed')

Codeblock-Beispiele

Die folgenden Codeblöcke werden in verschiedenen Programmiersprachen erstellt, darunter C#, JavaScript, XML, JSON, PowerShell und Ruby, um Syntax und Funktionalität dynamisch darzustellen.

using System;
namespace HelloWorld
{
    class Hello 
    {
        static void Main() 
        {
            Console.WriteLine("Hello World!");

            // Keep the console panel open in debug mode.
            Console.WriteLine("Press any key to exit.");
            Console.ReadKey();
        }
    }
}

function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
} 
export $initHighlight;

<book id="bk101">
      <author>Gambardella, Matthew</author>
      <title>XML Developer's Guide</title>
      <genre>Computer</genre>
      <price>44.95</price>
      <publish_date>2000-10-01</publish_date>
      <description>An in-depth look at creating applications 
      with XML.</description>
   </book>

{
    "one": 2,
    "three": {
        "point_1": "point_2",
        "point_3": 3.4
    },
    "list": [
        "one",
        "two",
        "three"
    ]
}

$user = Read-Host "Enter Username"
$pass = Read-Host "Enter Password" -AsSecureString

require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html