@cTitle

Exemple

Titre de niveau 1

Titre de niveau 2

Titre de niveau 3

Titre de niveau 4

Extrait de code Macro

        <@cTitle>Titre de niveau 1</@cTitle>
        <@cTitle level=2 class='main-danger-color'>Titre de niveau 2</@cTitle>
        <@cTitle level=3>Titre de niveau 3 avec fond de couleur principale</@cTitle>
        <@cTitle level=4>Titre de niveau 4</@cTitle>

Extrait de code HTML

<h1>
Titre de niveau 1</h1>
<h2 class="main-danger-color">
Titre de niveau 2</h2>
<h3>
Titre de niveau 3</h3>
<h4>
Titre de niveau 4</h4>

Paramètres

Voici la liste des différents paramètres de la macro :

level (string) optionnal - niveau de titre, valeur de 1 à 6 (defaut - 1)
class (string) optionnal - classe css (defaut - '')
id (string) optionnal - identifiant unique (defaut - '')
params (string) optionnal - tout autre attribut HTML (defaut - '')
<#nested> (string) optionnal - contenu présenté à l'intérieur de la macro (defaut - '')

@cText

Exemple

Texte exemple

Extrait de code Macro

        <@cText>Texte exemple</@cText>
        <@cText class='main-info-color text-cap'>Texte exemple</@cText>

Extrait de code HTML

<p>
Texte exemple</p>
<p class="main-info-color text-cap">
Texte exemple</p>

Paramètres

Voici la liste des différents paramètres de la macro :

id (string) optionnal - identifiant unique du texte
class (string) optionnal - classe(s) css du texte
type (string) required - type de texte, par défaut un paragraphe
params (string) optionnal - permet d'ajouter des paramètres HTML au texte

@cInline

Exemple

Contenu inline, donc dans un "span"
Contenu de type "strong"

Extrait de code Macro

        <@cInline class='mt-m'>Contenu inline, donc dans un "span"</@cInline>
        <@cInline type='strong'>Contenu de type "strong"</@cInline>

Extrait de code HTML

<p class="mt-l">
<span>
Contenu inline, donc dans un "span"</span>
<br>
<strong>
Contenu de type "strong"</strong>
</p>

Paramètres

Voici la liste des différents paramètres de la macro :

id (string) optionnal - identifiant unique
class (string) optionnal - classe(s) css
type (string) required - élément HTML de niveau inline (defaut: "span")
params (string) optionnal - permet d'ajouter des paramètres HTML

Aide

Wrapper "Inline", tag html5

@chList

Exemple

Ville de Paris
Ville de Nates

Ville de Paris
Ville de Nates

Extrait de code Macro

        <@chList class="ps-4">
          <@chItem>Ville de Paris</@chItem>
          <@chItem>Ville de Nates</@chItem>
        </@chList>
        <@chList type=\'o\'>
          <@chItem>Ville de Paris</@chItem>
          <@chItem>Ville de Nates</@chItem>
        </@chList>

Extrait de code HTML

<ul class="ps-4" >
<li>
Ville de Paris</li>
<li>
Ville de Nates</li>
</ul>
<ol >
<li>
Ville de Paris</li>
<li>
Ville de Nates</li>
</ol>

Paramètres

Voici la liste des différents paramètres de la macro :

id (string) optionnal - identifiant unique de la liste
class (string) optionnal - classe(s) css de la liste
type (string) required - type de la liste, par défaut non-ordonnée avec la valeur 'u', peut être ordonnée avec la valeur 'o'.
params (string) optionnal - permet d'ajouter des paramètres HTML à la liste

Génére le ul, paramètre par défaut, ou ol si on type la macro type='o'.

@chItem

Exemple

Ville de Paris

Extrait de code Macro

        <@chList>
        	<@chItem>Ville de Paris</@chItem>
        </@chList>

Extrait de code HTML

<ul class="ps-4" >
<li>
Ville de Paris</li>
</ul>

Paramètres

Voici la liste des différents paramètres de la macro :

id (string) optionnal - identifiant unique de l'élément de liste
class (string) optionnal - classe(s) css de l'élément de liste
params (string) optionnal - permet d'ajouter des paramètres HTML à l'élément de liste

@cContentFrame

Exemple

Organisation du thème

La Tour Eiffel

La tour Eiffel est une tour de fer puddlé de 324 métres de hauteur située é Paris, é l’extrémité nord-ouest du parc du Champ-de-Mars en bordure de la Seine dans le 7ᵉ arrondissement.

Son adresse officielle est 5, avenue Anatole-France.

Organisation du thème

La Tour Eiffel

La tour Eiffel est une tour de fer puddlé de 324 métres de hauteur située é Paris, é l’extrémité nord-ouest du parc du Champ-de-Mars en bordure de la Seine dans le 7ᵉ arrondissement.

Son adresse officielle est 5, avenue Anatole-France.

Organisation du thème

La Tour Eiffel

La tour Eiffel est une tour de fer puddlé de 324 métres de hauteur située é Paris, é l’extrémité nord-ouest du parc du Champ-de-Mars en bordure de la Seine dans le 7ᵉ arrondissement.

Son adresse officielle est 5, avenue Anatole-France.

Extrait de code Macro

        <@cContentFrame title=\'Organisation du théme\'>
         ...
        </@cContentFrame>

Extrait de code HTML

<div class="content-frame content-frame-primary mb-5" >
<h1 class="h4 content-frame-title ">
Organisation du thème</h1>
<div class="content-frame-content">
<h1>
La Tour Eiffel</h1>
<p class="mt-5">La tour Eiffel est une tour de fer puddlé de 324 métres de hauteur située é Paris, é l’extrémité nord-ouest du parc du Champ-de-Mars en bordure de la Seine dans le 7ᵉ arrondissement.</p>
<p>Son adresse officielle est 5, avenue Anatole-France. </p>
</div>
</div>
<div class="content-frame content-frame-secondary mb-5" >
<h1 class="h4 content-frame-title ">
Organisation du thème</h1>
<div class="content-frame-content">
<h1>
La Tour Eiffel</h1>
<p class="mt-5">La tour Eiffel est une tour de fer puddlé de 324 métres de hauteur située é Paris, é l’extrémité nord-ouest du parc du Champ-de-Mars en bordure de la Seine dans le 7ᵉ arrondissement.</p>
<p>Son adresse officielle est 5, avenue Anatole-France. </p>
</div>
</div>
<div class="content-frame content-frame-tertiary mb-5" >
<h1 class="h4 content-frame-title ">
Organisation du thème</h1>
<div class="content-frame-content">
<h1>
La Tour Eiffel</h1>
<p class="mt-5">La tour Eiffel est une tour de fer puddlé de 324 métres de hauteur située é Paris, é l’extrémité nord-ouest du parc du Champ-de-Mars en bordure de la Seine dans le 7ᵉ arrondissement.</p>
<p>Son adresse officielle est 5, avenue Anatole-France. </p>
</div>
</div>

Paramètres

Voici la liste des différents paramètres de la macro :

id (string) optionnal - identifiant unique de la mise en avant
class (string) optionnal - classe(s) css de la mise en avant
title (string) required - titre de la mise en avant
params (string) optionnal - permet d'ajouter des paramètres HTML à la mise en avant

Aide

Element graphique pour encadrer du contenu.

@cArticle

Exemple

Contenu Editorial

Titre de niveau 2

Paragraphe

Titre de niveau 3

Paragraphe

Titre de niveau 4

Paragraphe

Item 1
Item 2

Item 1
Item 2

Extrait de code Macro

        <@cArticle title='Contenu Editorial'>
          <@cTitle level=2>Titre de niveau 2</@cTitle>
          <@cTitle level=3>Titre de niveau 3</@cTitle>
          <@cTitle level=4>Titre de niveau 4</@cTitle>
          <@cText>Paragraphe</@cText>
          <@chList class="ps-4">
            <@chItem>Item 1</@chItem>
            <@chItem>Item 2</@chItem>
          </@chList>
          <@cText type='hr'>
          </@chList type=k'o'>
            <@chItem>Item 1</@chItem>
            <@chItem>Item 2</@chItem>
          </@chList>
        </@cArticle>

Extrait de code HTML

<article class=" portlet" >
<header >
<h2>
Contenu Editorial</h2>
</header>
<div class="article-content">
<h2>
Titre de niveau 2</h2>
<p>
Paragraphe</p>
<h3>
Titre de niveau 3</h3>
<p>
Paragraphe</p>
<h4>
Titre de niveau 4</h4>
<p>
Paragraphe</p>
<ul class="ps-4" >
<li>
Item 1</li>
<li>
Item 2</li>
</ul>
<hr>
</hr>
<ol >
<li>
Item 1</li>
<li>
Item 2</li>
</ol>
</div>
</article>

Paramètres

Les paramètres

id (string) optionnal - identifiant unique de la Inline
class (string) optionnal - classe(s) css de la Inline
title (string) optionnal - titre de l'article
titleLevel (number) required - taille du titre de l'article
titleClass (string) optionnal - classe(s) css sur le titre de l'article
params (string) optionnal - permet d'ajouter des paramètres HTML à l'article

Aide

Wrapper "Article", tag html5