Fichier de tests du plugin attributes

see the attributes.md source code

1. Exemples

1.1. CSS inline

Ce texte est aligné à droite et a un cadre vert.

1.2. Animate.css

Le plugin animate permettant l’ajout de la librairie animate.css, le plugin attributes peut en tirer profit en supportant les classes CSS ajoutées comme p.ex. :

Cette phrase est animée.

Cliquez ici et téléchargez cette présentation.

1.3. Bootstrap

Texte indiquant que l’opération est réussie.

Ceci est un texte d’information.

Attention, n’avez-vous point oublié de ...

2. Syntaxe

Cliquez sur le lien “see the attributes.md source code” pour voir les exemples de cette page.

La règle est :

  1. faites suivre votre contenu d’un texte entre accolades, cela obligatoirement en fin de ligne et
  2. à l’intérieur des accolades, précisez vos attributs HTML; comme vous le feriez en HTML pur.

Vous pouvez ajouter un CSS inline, des classes, des attributs data-xxx, title, ..., il n’y a pas de limitation.

2.1. Quelques exemples :

### 2.2. Bootstrap{style='color:red;font-style:italic;'}

Ceci est un texte d'information.{class='bg-primary'} 

![](image.png){width='800px' height='32px'} 

[Téléchargez](file.pdf){class='animated infinite flash'} 

3. Paramétrage

Afin de permettre un paramétrage selon vos désirs, il est possible de préciser quels sont les éléments HTML pour lequel le plugin attributes peut être activés. La gestion de ces éléments se fait dans le fichier settings.json au niveau de la clef plugins.options.content.html.attributes.dom_elements.

Les tags qui y sont repris sont ceux pour lesquels le plugin sera actif.

{
    "plugins": {
        "options": {
            "content": {
                "html": {               
                    "attributes": {
                        "dom_elements": "a, code, div, h1, h2, h3, h4, h5, h6, img, p, span"
                        }
                }
            }
        }
    }
}

4. Librairie

Le plugin attributes permet d’utiliser toutes les librairies chargées comme, p.ex. Bootstrap ou animate.css