Ajout de blocs de code

Document360 utilise Prism.js pour la surlignation de la syntaxe et prend en charge divers langages de programmation dans des blocs de code, notamment :

• HTML

• C#

• Java

• JavaScript

• XML

• JSON

• CSS

• SQL

• Python

• Markdown

• PHP

• PowerShell

• Texte

Pour une liste exhaustive des langages pris en charge, veuillez consulter la documentation concernant les langages pris en charge par Prism.

Création de blocs de code dans l’éditeur Markdown

Dans l’éditeur Markdown , il existe deux méthodes pour créer des blocs de code entourés :

1. Utilisez trois rétroticks ``` avant et après le extrait de code.

Par exemple :

« '''csharp
[ton extrait de code]
```

2. Utilisez le raccourci Ctrl+Shift+P ou cliquez sur l’icône Insérer le bloc de code () depuis la barre d’outils de mise en forme.

Création de blocs de code dans l’éditeur WYSIWYG (HTML)

Pour créer des blocs de code dans l’éditeur WYSIWYG (HTML), suivez les étapes ci-dessous :

1. Naviguez vers l’article souhaité dans l’éditeur WYSIWYG.

2. Cliquez sur l’icône du bloc de code (), et un panneau apparaîtra.

3. Sélectionnez la langue que vous souhaitez dans le menu déroulant.

4. Saisissez votre code dans le champ Insérer votre code .

5. Cliquez sur Insérer pour ajouter le bloc de code à votre article.

6. Cliquez sur l’icône Modifier () à droite pour modifier un bloc de code.

7. Cliquez sur l’icône Supprimer () à droite pour supprimer un bloc de code.

Création de blocs de code dans l’éditeur WYSIWYG avancé

Pour créer un bloc de code dans l’éditeur WYSIWYG avancé, suivez les étapes ci-dessous :

1. Naviguez vers l’article souhaité dans l’éditeur WYSIWYG avancé.

2. Vous pouvez créer des blocs de code de trois manières :

   1. Cliquez sur l’icône du bloc de code () dans le menu d’insertion rapide . Le menu Insertion rapide n’apparaîtra que lorsque le bloc est vide.

   2. Saisissez trois boutons ``` rétroactifs et appuyez sur Entrée.

   3. Utilisez la commande /code block de barre et appuyez sur Entrée.

3. Cliquez sur le bloc de code créé. Un menu flottant apparaît.

4. Sélectionnez le titre souhaité.

5. Cliquez sur l’icône Copier () pour copier le code.

6. Cliquez sur l’icône Supprimer () pour supprimer le bloc de code.

7. Entrez le code en retrait à l’intérieur du bloc de code.

Codes courts de langage

• C : c

• C++ : CPP, C++

• Do# : dirés

• 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

Langage personnalisé

Si le langage souhaité n’est pas disponible, vous pouvez créer un bloc de code de langage personnalisé .

1. Dans l’éditeur Markdown : Après avoir inséré le bloc de code, ajoutez un titre en saisissant le texte désiré après les premiers backticks :

```HTML
Hello world
```

2. Dans l’éditeur WYSIWYG : sélectionnez Personnalisé dans le menu déroulant Sélectionner la langue et entrez le titre souhaité dans le champ Entrer votre titre .

3. Dans l’éditeur WYSIWYG avancé : utilisez la barre de recherche dans la liste déroulante pour sélectionner Personnalisé, puis cliquez sur l’icône Modifier () pour entrer votre titre et cliquez sur Mettre à jour.

Indentation et blocs de code

Tout texte indenté d’au moins quatre espaces sera traité comme un bloc de code. Cette méthode est utile pour des extraits de code plus longs, mais elle n’inclura pas la surlignure de syntaxe.

Le bloc de code suivant est créé à l’aide d’indents au lieu de backticks.

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

Exemples de blocs de code

Les blocs de code suivants sont créés dans divers langages de programmation, notamment C#, JavaScript, XML, JSON, PowerShell et Ruby, afin de mettre en valeur dynamiquement la syntaxe et les fonctionnalités.

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