135 lines
4.5 KiB
Markdown
135 lines
4.5 KiB
Markdown
---
|
||
title: Un modèle pagedjs pour la BUNIGE
|
||
date: 2023-04-21T11:19:03+02:00
|
||
id: 20230421111912
|
||
tags: [modèle, pagedjs, PDF, BUNIGE]
|
||
---
|
||
|
||
# [Un modèle *pagedjs* pour la BUNIGE][1]
|
||
|
||
## Licence
|
||
|
||
Ce projet est sous [licence MIT][2].
|
||
|
||
## Description
|
||
|
||
Ce projet est un modèle et une mise en forme pour produire un PDF suivant la
|
||
charte de la [Bibliothèque de l'Université de Genève][3].
|
||
|
||
Il a pour objectif d'être ajouté rapidement à un projet utilisant [paged.js][4]
|
||
pour générer des PDF à partir d'un contenu en markdown.
|
||
|
||
## Usage
|
||
|
||
Une solution est de télécharger les fichiers et répertoires suivants à la
|
||
racine de votre propre projet :
|
||
|
||
- `static/`.
|
||
- `style.css`.
|
||
- `template.html`.
|
||
- `interface.css`.
|
||
- `heg-iso-690.csl`.
|
||
|
||
Vous pouvez faire ces téléchargement à la main, ou télécharger le fichier
|
||
`.zip` de la [publication de version][7].
|
||
|
||
Une autre méthode est de cloner le projet et de rédiger votre document au sein
|
||
de celui-ci.
|
||
|
||
## Structure du répertoire
|
||
|
||
À la racine du répertoire se trouve les fichiers nécessaires au modèle :
|
||
|
||
- Le modèle lui-même : `template.html`.
|
||
- La feuille de style qui rend possible l'interface web pour la
|
||
prévisualisation du document au format HTML : `interface.css` (fichier
|
||
faisant partie du projet [paged.js][4] : [interface.css][6]).
|
||
- Le fichier de style bibliographique qui fait partie à part entière du modèle,
|
||
car il est la norme utilisée par la charte : `heg-iso-690.csl`. Il est
|
||
extrait du répertoire des styles `.csl` :
|
||
[haute-ecole-de-gestion-de-geneve-iso-690.csl][5].
|
||
|
||
Dans le dossier `example` se trouvent les sources pour pouvoir donner un
|
||
exemple :
|
||
|
||
- Le document markdown lui-même : `example.md`.
|
||
- Une liste de références bibliographiques au format BibLaTeX :
|
||
`references.bib`.
|
||
|
||
## Prérequis
|
||
|
||
- `pandoc`.
|
||
- `pagedjc-cli` (`npm install -g puppeteer pagedjs pagedjs-cli`).
|
||
|
||
## Génération du PDF d'exemple
|
||
|
||
Lancer les commandes depuis le répertoire `./example`.
|
||
|
||
Pour générer le fichier HTML a visualiser dans le navigateur :
|
||
|
||
```bash
|
||
pandoc --citeproc \
|
||
--template=../template.html --css=../style.css \
|
||
--toc --toc-depth=2 \
|
||
--to=html --output=example.html example.md
|
||
```
|
||
|
||
- `--citeproc` assure que les références bibliographiques soient traitées.
|
||
- `--template=` et `--css=` définissent le modèle et les règles de style à
|
||
utiliser.
|
||
- `--toc` et `toc-depth=2` génèrent la table des matière en se limitant au 2e
|
||
niveau.
|
||
|
||
Puis lancer un serveur web à la racine du projet (par exemple avec `python -m
|
||
http.server`), et ouvrir le fichier HTML généré avec Chromium (ou Chrome) pour
|
||
pouvoir l'imprimer au format PDF.
|
||
|
||
Pour générer directement le PDF, en utilisant `pagedjs` au moyen de `pandoc` :
|
||
|
||
```bash
|
||
pandoc --citeproc \
|
||
--to=pdf --pdf-engine=pagedjs-cli \
|
||
--css=../style.css \
|
||
--template=../template.html \
|
||
--toc --toc-depth=2 \
|
||
-V noscript=true
|
||
--output=example.pdf example.md
|
||
```
|
||
|
||
- `--pdf-engine=` impose `pagedjs` pour la conversion en PDF.
|
||
- `-V noscript=true` permet d'indiquer que la feuille de style de l'interface
|
||
web de `pagedjs` et les scripts javascript utile dans le navigateur web ne
|
||
soient pas utilisés, car ils perturbent la conversion par `pandoc`.
|
||
|
||
Pour générer le PDF en utilisant directement `pagedjs` :
|
||
|
||
```bash
|
||
pandoc --citeproc \
|
||
--to=html --toc --toc-depth=2 \
|
||
--template=../template.html --css=../style.css \
|
||
--output example.html example.md \
|
||
&& pagedjs-cli example.html --style ../style.css --output example.pdf
|
||
```
|
||
|
||
**Attention !** Chacune de ces méthodes produit des différences. À vous de les
|
||
observer et de choisir laquelle vous convient le mieux.
|
||
|
||
## Rédaction du document
|
||
|
||
Pour la rédaction du document, il est utile de se référer à la documentation de
|
||
la syntaxe markdown, mais aussi à la documentation de `pandoc`. Quelques points
|
||
sont données en exemples dans le fichier `example/example.md`, comme par
|
||
exemple [La police][8] ou [Les titres][9].
|
||
|
||
<!-- références -->
|
||
|
||
[1]: ./
|
||
[2]: ./LICENSE
|
||
[3]: https://www.unige.ch/biblio/fr/ "Site officiel de la Bibliothèque de l'Université de Genève"
|
||
[4]: https://pagedjs.org/
|
||
[5]: https://raw.githubusercontent.com/citation-style-language/styles/blob/master/haute-ecole-de-gestion-de-geneve-iso-690.csl
|
||
[6]: https://gitlab.coko.foundation/pagedjs/interface-polyfill/-/raw/master/interface.css
|
||
[7]: https://git.milhit.ch/igor/bunige-pagedjs-template/releases/latest
|
||
[8]: ./example/example.md#police
|
||
[9]: ./example/example.md#titres
|