Plan de la séance #

  1. Introduction à LaTeX
  2. Créer un document avec LaTeX via Pandoc
  3. Présentation de Paged.js
  4. Exemples de documents produits avec Paged.js

1. Introduction à LaTeX #

langage de balisage + un système de composition = mettre en forme des documents

LaTeX est un puissant système de programmation éditoriale.

1. Introduction à LaTeX #

Distinction entre :

  • le langage de balisage
  • le système de composition
  • la distribution

1. Introduction à LaTeX #

Fonctionnement :

  • rédaction via un éditeur de texte ou de code, balisage écrit en texte brut
  • code source compilé par LaTeX pour produire un fichier au format PDF
  • pour modifier le document il faut modifier le code source

1. Introduction à LaTeX #

LaTeX sans LaTeX ?

Utilisation de Markdown comme balisage, Pandoc comme convertisseur et LaTeX comme processeur PDF.

(Lire The LaTeX fetish (Or: Don’t write in LaTeX! It’s just for typesetting))

2. Créer un document avec LaTeX via Pandoc #

2. Créer un document avec LaTeX via Pandoc #

Installation de LaTeX :

2. Créer un document avec LaTeX via Pandoc #

Avant de produire un document :

  • créer un document Markdown
  • découvrir le template LaTeX par défaut : pandoc -D latex
  • vérifier votre version de LaTeX : latex -v

2. Créer un document avec LaTeX via Pandoc #

Produire un document :

pandoc -s mon-document.md -o mon-document.pdf

Pour voir le format intermédiaire TeX :

pandoc mon-document.md -o mon-document.tex

pandoc mon-document.md -s -o mon-document.tex

3. Présentation de Paged.js #

Imprimer avec les outils du Web.

Aussi puissant que LaTeX ? Non, mais plus souple, et plus cohérent en ce qui concerne la séparation fond/forme.

3. Présentation de Paged.js #

Paged.js is a free and open source JavaScript library that paginates content in the browser to create PDF output from any HTML content. This means you can design works for print (eg. books) using HTML and CSS!
www.pagedjs.org/about/

3. Présentation de Paged.js #

Qu’est-ce que Paged.js ?

  • HTML + CSS + Paged.js = web to print
  • fabriquer avec le Web

4. Exemples de documents produits avec Paged.js #

Débugue tes humanités