CLEditor – Editeur WYSIWYG en Jquery

Posted: août 11th, 2010 | Author: | Filed under: jquery | Tags: , | No Comments »

Il existe des tonnes d’éditeurs WYSIWYG en Jquery. Parmi les meilleurs qui sont TinyMCE, CKeditor (anciennement FCKeditor), d’autres valent le coup de présenter ici. La raison est qu’ils sont fait en Jquery. Ce qui implique qu’il est très facile de les intégrer dans une page puisqu’ils bénéficient de toute la richesse de Jquery.

CLEditor fait partie de ces nouveaux éditeurs WYSIWYG faits avec Jquery. Voici les caractéristiques de cet éditeur :

  • Il est possible d’avoir une barre d’outils personnalisée.
  • Plusieurs éditeurs peuvent s’intégrer facilement dans une page.
  • La taille de l’éditeur peut s’adapter automatiquement à son élement parent (soit la fenêtre du navigateur, soit le bloc de contenu dans lequel il se trouve).
  • Des plugins peuvent être créés et ajouter dans la barre d’outils pour avoir une barre d’outil supplémentaire par exemple.
  • S’intègre facilement dans une page avec le code suivant :
1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">// <![CDATA[
      $(document).ready(function() {
        $.cleditor.defaultOptions.width = 200;
        $.cleditor.defaultOptions.height = 100;
        $.cleditor.defaultOptions.controls = "bold italic underline strikethrough";
        $("textarea").cleditor()[0].focus();
      });
// ]]></script><script type="text/javascript">
$(document).ready(function() {
$("#input").cleditor()[0].focus();
});
</script>

D’autres éditeurs WYSIWYG existent également en Jquery :

Mais aussi d’autres éditeurs destinés plutôt à des langages spécifiques telles BBCODE, Wiki :