L’éditeur de texte avancé, vous permet de definir des gabarit de mise en forme prédéfini.
L’utilisation de ces mise en forme, vous garantis une homogénéité dans le rendu de vos page, produits, newsletters.
Généralités
L’ensemble de ces gabarit, s’appuie sur le css du template public courant.
Le dossier des gabarits html de mise en forme prédéfini ce situe dans le dossier de l’éditeur , soit editeur/tiny_mce/template_html.
Structure html
Les gabarit sont au format html, et ne fournissent que la structure normalisé.
Ex :
<div class="central gabarit">
<br />
<br />
</div>
<div class="colonne_small fleft gabarit">
<br />
<br />
<br />
<br />
</div>
<div class="colonne_gd fright gabarit">
<br />
<br />
<br />
<br />
</div>
<div class="central gabarit">
<br />
<br />
</div>L’utilisation de la class css "gabarit", vous permet de visualiser la structure dans l’éditeur, et la rend invisible dans les pages public.
Note : les "br" evitent que les élément html tel que les div, soit invisible, puisque vide.
Template public css
Pour êtres pris en charge dans le backoffice, le fichier css du template doit ce nommer sample.css.
Le template public assurant cette mise en forme, vous pouvez à loisir la modifier.
Aperçu de la base css des éléments fournis avec le core (extrait du template public) :
iframe#wysiwygmessage{ background:#f0f0ee; clear:both; width:650px; }
body.mceContentBody .gabarit{border: 1px solid black; background:white; margin:5px 0;}
/* Gabarit pour edition */
.central {float:left; width:100%; }
.colonne_gd{ width:330px;}
.colonne_small{ width:200px;}
.col_equal { width:270px;}
.fright{ float:right; }
.fleft{float:left;}
RSS 2.0