Les zones de contenu modifiable

L'édition des différents zones de Textes du Corps de Page ce fait avec une interface WYSIWYG Tiny MCE , disposant des Outils d'éditions traditionnels. conviviale,

L'insertion des images se fait simplement et il est possible de définir des options de style et de mise en page.

Ici l'image a un alignement de type "Flottement à droite", ce qui permet de mettre un texte de plusieurs lignes à côté de l'image.

Concernant la taille des zone de texte, vous trouverez un exemple de très grande page avec 2000 lignes dans une seul zone de texte...

Démo de l'éditeur Tiny MCE

Vous pourrez y tester les différentes fonctions, un dossier d'images est disponible pour faire des essais...

<img class="scriptBreak" style="display:none;" /><h3><img class="scriptBreak" style="display:none;" />Tiny MCE<img class="scriptBreak" style="display:none;" /></h3><img class="scriptBreak" style="display:none;" /><h4><img class="scriptBreak" style="display:none;" />Version: 2.1.2 (2007-08-21)<img class="scriptBreak" style="display:none;" /></h4><img class="scriptBreak" style="display:none;" /><div><img class="scriptBreak" style="display:none;" /><span class=""><b><script language="php" type="text/php"><script language="php" type="text/php"><script language="php" type="text/php"><script language="php" type="text/php"><script language="php" type="text/php">08/09/2010 15:12:04</script></script></script></script></script></b></span><img class="scriptBreak" style="display:none;" /></div><img class="scriptBreak" style="display:none;" /><p title="Paragraphe 1"><img class="scriptBreak" style="display:none;" />On y trouve les outils traditionnels d'éditions, <b>gras</b>, <i>italic</i>, <u>souligné</u>, <strike>barré</strike>, <span class="txtrge">couleurs de texte</span>, <span class="fndgris">couleur de fond</span>, <sub>indicé</sub>, <sup>exposant</sup>, etc...<img class="scriptBreak" style="display:none;" /></p><img class="scriptBreak" style="display:none;" /><p title="Paragraphe 2"><img class="scriptBreak" style="display:none;" />Il permet également d'insérer des liens, des <abbr title="Abréviation" lang="fr">abr.</abbr>, des <acronym title="Acronyme" lang="fr">A.B.C</acronym>,<img class="scriptBreak" style="display:none;" /></p><img class="scriptBreak" style="display:none;" /><p title="Paragraphe 3"><img class="scriptBreak" style="display:none;" /><br />des images <img src="images/pinguin_plouf.gif" alt="image" title="L'humour Manchot" align="middle" /><br /><img class="scriptBreak" style="display:none;" /><br />des listes à puces:<img class="scriptBreak" style="display:none;" /></p><img class="scriptBreak" style="display:none;" /><ul><img class="scriptBreak" style="display:none;" /><li>Elément 1</li><img class="scriptBreak" style="display:none;" /><li>Elément 2</li><img class="scriptBreak" style="display:none;" /><li>Elément 3</li><img class="scriptBreak" style="display:none;" /><li>Elément 4</li><img class="scriptBreak" style="display:none;" /><li>Elément 5</li><img class="scriptBreak" style="display:none;" /></ul><img class="scriptBreak" style="display:none;" />des listes numérotées:<img class="scriptBreak" style="display:none;" /><ol><img class="scriptBreak" style="display:none;" /><li>Elément 1</li><img class="scriptBreak" style="display:none;" /><li>Elément 2</li><img class="scriptBreak" style="display:none;" /><li>Elément 3</li><img class="scriptBreak" style="display:none;" /><li>Elément 4</li><img class="scriptBreak" style="display:none;" /><li>Elément 5</li><img class="scriptBreak" style="display:none;" /></ol><img class="scriptBreak" style="display:none;" />

M-à-j le jeudi 14 février 2008

0.028 sec

MCC-cms v0.9.4

Style et gabarit

Développements PHP - JavaScript

PHP et la librairie GD

Divers

Votre adresse IP

Liens

Webmaster

Les zones de contenu modifiable

Démo de l'éditeur Tiny MCE