Rendre un élément texte éditable

Il y a deux sortes d'éléments textuels éditables:

• Ligne seule sans formatage sauf des hyper liens.
  
• Zone de texte riche avec formatage.

Ligne seule

<h2 ibr-single-line>Entrer votre titre</h2>

Pour activer la ligne seule, il suffit d'ajouter l'attribut "ibr-multi-line".

Exemple:

<div ibr-multi-line>Entrer votre texte</div>

Rendre une image éditable

Une image peut être éditable en y ajoutant l'attribut "ibr-image".

• Si l'image n'a pas d'élément src, l'éditeur affichera une zone image temporaire de la taille spécifiée.
• Si l'image n'a pas de taille prédéfinie (width, height), alors la zone image aura une taille par défaut.

Exemple:

<img ibr-image width="200" height="150" />

Combinaison de blocs variables

Les gabarits permettent de paramétrer une combinaison de blocs variables que les utilisateurs peuvent ajouter et déplacer à leur guise.

Une zone de blocs variables s'ajoute en englobant le code HTML d'un élément avec l'attribut "ibr-repeater".

Chaque possibilité de bloc s'ajoute en englobant le code HTML d'un élément avec l'attribut "ibr-layout='nom'"

Exemple:

<div ibr-repeater>

	<div ibr-layout='Article'>
	  <h2 ibr-single-line>Titre de l'article</h2>
	  <div ibr-multi-line>Contenu de l'article</div>
	</div>

	<div ibr-layout='Trois images'>
	  <img width="140" ibr-image><br />
	  <img width="140" ibr-image><br />
	  <img width="140" ibr-image>
	</div>

</div>