« Highlight.js » : différence entre les versions

De Banane Atomic
Aller à la navigationAller à la recherche
Ligne 35 : Ligne 35 :
* [https://highlightjs.readthedocs.io/en/latest/reference.html Mode reference]
* [https://highlightjs.readthedocs.io/en/latest/reference.html Mode reference]


<filebox fn='test/detect/[nouveau langage]/default.txt' lang=''>
<filebox fn='test/detect/[nouveau langage]/default.txt' lang='nohighlight'>
Code de démo
Code de démo
</filebox>
</filebox>

Version du 4 avril 2020 à 14:53

Liens

Build

Bash.svg
git clone https://github.com/isagalaev/highlight.js

cd highlight.js/
# installation des dépendances dans ./node_modules
# npm i utilise le fichier package.json
npm i

# création du dossier build et de ses fichiers
node tools/build.js -t browser -n :common cs cpp
# -t browser, target (browser, cdn, node, all)
# -n, Disable compression
# :common, langages de base
# cs cpp, les langages c# et c++

Test

Après avoir buildé

  • build/demo/index.html
  • tools/developer.html

Ajouter un nouveau langage

test/detect/[nouveau langage]/default.txt
Code de démo
src/languages/[nouveau langage].js
/*
Language: [nouveau langage]
Author: Moi <moi@domaine.fr>
Category: common
*/

function(hljs) {
  var KEYWORDS = {
    keyword:
      'abc def',
    literal:
      'null false true'
  };

  return {
    aliases: ['aaa'],
    keywords: KEYWORDS,
    illegal: /::/,
    contains: [
      hljs.COMMENT(
        '//',  // tout ce qui commence par //
        '$'    // jusqu'à la fin de la ligne
      ),
    ]
  };
}

Category

assembler common config css
enterprise functional graphics lisp
markup protocols scientific scripting
system template

Installation

Bash.svg
npm install -g highlight.js
# highlight.js → /usr/lib/node_modules/highlight.js/lib/
# languages → /usr/lib/node_modules/highlight.js/lib/languages
# css → /usr/lib/node_modules/highlight.js/styles/