Paramétrage Kono/Extension/Highlightjs Integration

Highlightjs Integration permet l'affichage de code avec la coloration syntaxique.

Généralité

Deux étapes peuvent être à passer pour un paramétrage complet :

• installation de l'extension ;
• personnalisation pour certains langages non inclu dans la version de base.

Source

MediaWiki, extension Highlightjs Integration :

• https://www.mediawiki.org/wiki/Extension:Highlightjs_Integration

Paramétrage

Ajouter les paramètres suivants au fichier de configuration du wiki LocalSettings.php, pour ajouter cette fonctionnalité :

wfLoadExtension( 'Highlightjs_Integration' );

Personnalisation

Voir le site de l'outil "highlight.js"

• https://highlightjs.org

Il est possible d'ajouter des langages pour la personnalisation de la coloration syntaxique :

1. télécharger le fichier pour le langage souhaité,
2. déposer dans le dossier ...\extensions\Highlightjs_Integration\
3. modifier le fichier extension.json

Etape 1

Télécharger un seul fichier contenant tous les langages souhaité :

• apache, dos, javascript, php, sql, PowerShell, Python, vbscript, css, json, xml...
• décompresser et déposer les éléments dans le dossier ..\extensions\Highlightjs_Integration\highlight\

Etape 2

Modifier le fichier paramètre "extension.json" :

Avant modification :

    "ResourceModules": {
        "ext.HighlightjsIntegration": {
            "scripts": [
                "highlight/highlight.pack.js",
                "init.js"
            ],
            "styles": [
                "custom.css",
                "highlight/styles/vs2015.css"
            ],
            "targets": [ "desktop", "mobile" ]
        }
    }

après modification :

    "ResourceModules": {
        "ext.HighlightjsIntegration": {
            "scripts": [
                "highlight/highlight.min.js",
                "highlight/highlight.pack.js",
                "init.js"
            ],
            "styles": [
                "custom.css",
                "highlight/styles/vs2015.css"
            ],
            "targets": [ "desktop", "mobile" ]
        }
    }

•