JtagEditor, une barre de mise en forme en 3 lignes !

Dans le monde des CMS, tout n'est pas toujours rose. En effet ils sont encore nombreux à disposer que trop peu d'options de mise en forme pour les champs de saisie. Voici la solution.

Jtageditor est là pour palier à ce problème ! Avec à peine 3 lignes de codes, il vous permettra d'ajouter une barre de mise en forme à n'importe quel champs de saisie !

Jtageditor c'est:

  • une extensions basé sur l'excellent jquery
  • une compatibilité xhtml, wiki, textile et bbcode !
  • la prise en charge des raccourcis clavier
  • une fenêtre de prévisualisation !
  • la personnalisation des paramètres (class, preview, parser, ...)

La mise en place:

  1. On inclus la librairie jquery

    <script type='text/javascript' src="jquery.js"></script>
  2. On inclus jtageditor
    <script type='text/javascript' src="jquery.jtageditor.js"></script>
  3. On indique le champs de texte qui recevra la barre de mise en forme
      <script>      
    $(document).ready(function(){
          $("#html").jTagEditor();
    });
    </script>
  4. Et évidement on inclus le champs de texte dans la page
     <textarea id="html"></textarea>

Voilà, on ne peut plus simple, après libre à vous de personnaliser les css de la barre, ou d'ajuster les paramètres. Cette barre devrait plaire au utilisateurs de punbb qui en standard ne propose que de maigre bbcode !

Simple et efficace, j'adhère !

-----

Articles relatifs

  1. Guiz
    29/08/2007 à 02:08 | #1

    Merci pour cette news, par contre comment faire si on veux placer le pack jtageditor dans un dossier a part ?

    car si par exemple on nomme le dossier « jtagedit » et qu’on met ce code :

    <script src= »jquery.js »></script>
    <script src= »jtagedit/jquery.jtageditor.js »></script>
    <script>
    $(document).ready(function() {
    $(« #html »).jTagEditor();
    });
    </script>

    Ca n’a pas l’air de fonctionner (je précise que j’ai donner l’id html a mon textarea.

  2. 29/08/2007 à 08:16 | #2

    A priori ça devrait fonctionner ! Test en rajoutant l’attribut type=’text/javascript’ peut-ètre …..

  3. 09/09/2007 à 18:33 | #3

    Vraiment sympa ce petit plugin.
    Vais m’y intéresser de prêt pour remplacer peut être TinyMce

  4. 21/05/2009 à 20:05 | #4

    Bonjour, c’est uniquement pour prévenir que le lien vers jtageditor n’est plus valide !