« Paramétrage Kono/Extension/Highlightjs Integration » : différence entre les versions

Aller à la navigation Aller à la recherche
(Page créée avec « {{Sommaire}} '''Highlightjs Integration''' permet l'affichage de code avec la coloration syntaxique. == Généralité == == 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 <code>LocalSettings.php</code>, pour ajouter cette fonctionnalité : <source> wfLoadExtension( 'Highlightjs_Integration' ); </s... »)
 
mAucun résumé des modifications
 
(Une version intermédiaire par le même utilisateur non affichée)
Ligne 4 : Ligne 4 :


== Généralité ==
== 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 ==
== Source ==
Ligne 16 : Ligne 19 :


== Personnalisation ==
== 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 :
# télécharger le fichier pour le langage souhaité,
# déposer dans le dossier {{chemin|...\extensions\Highlightjs_Integration\}}
# modifier le fichier {{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 :
<source lang="json">
    "ResourceModules": {
        "ext.HighlightjsIntegration": {
            "scripts": [
                "highlight/highlight.pack.js",
                "init.js"
            ],
            "styles": [
                "custom.css",
                "highlight/styles/vs2015.css"
            ],
            "targets": [ "desktop", "mobile" ]
        }
    }
</source>
après modification :
<source>
    "ResourceModules": {
        "ext.HighlightjsIntegration": {
            "scripts": [
                "highlight/highlight.min.js",
                "highlight/highlight.pack.js",
                "init.js"
            ],
            "styles": [
                "custom.css",
                "highlight/styles/vs2015.css"
            ],
            "targets": [ "desktop", "mobile" ]
        }
    }
</source>


== Voir aussi ==
== Voir aussi ==

Dernière version du 29 novembre 2025 à 16:06

Généralité
Personnalisation
Autre

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 :

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"

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" ]
        }
    }

Voir aussi

  •  
Récupérée de « https://kono.phpage.fr/index.php?title=Paramétrage_Kono/Extension/Highlightjs_Integration&oldid=5804 »