Fichier de tests du plugin format

%SEE_SOURCE%

Le langage markdown permet de mettre en italique en ajoutant un astérique devant et après un mot comme par exemple ce texte est en italique ou de mettre en gras si on met deux astériques (cette partie est en gras).

Le plugin format va vous permettre d’ajouter vos propres règles comme par exemple le double signe égal, le double tilde, le double signe +, etc. Seule votre imagination vous bridera.

Par défaut, marknotes propose le double égal pour mettre une partie de phrase en évidence (utilisation du tag HTML <mark>), le double tilde pour barrer une partie de phrase (utilisation du tag HTML <del>)

Exemples

Paramétrage

L’ajout de vos propres préfixes se fait dans le fichier settings.json au niveau de la clef plugins.options.content.html.format.prefix.

Il faut définir le pattern à chercher càd le marqueur qui va se retrouver devant et après le mot / la partie de phrase et le value c’est-à-dire ce par quoi le marqueur doit être remplacé.

Vous pouvez utiliser un tag HTML mais aussi une construction un peu plus complexe comme l’exemple du double signe égal ci-dessous (le résultat donne une animation infinie où le mot apparaît, disparaît, apparaît, ... (support de animate.css requis)).

"plugins": {
    "options": {
        "content": {
            "html": {
                "format": {
                    "prefix": [
                        {
                            "pattern": "==",
                            "value": "<mark class='animated infinite flash'>$1</mark>"
                        },
                        {
                            "pattern": "~~",
                            "value": "<del>$1</del>"
                        },
                        {
                            "pattern": "++",
                            "value": "<ins>$1</ins>"
                        },
                        {
                            "pattern": "##",
                            "value": "<kbd>$1</kbd>"
                        },
                        {
                            "pattern": "^^",
                            "value": "<sup>$1</sup>"
                        },
                        {
                            "pattern": "§",
                            "value": "<sub>$1</sub>"
                        }
                    ]
                }
            }
        }
    }
}