Un éditeur de contenu wysiwyg simple, léger et efficace

Pour vos forums, blogs ou autres plateformes sociales, je vous propose un éditeur de contenu en version wysiwyg très facile à installer et à utiliser.
Une simple connaissance en html est requise, c’est pour dire…

Une démo live? Par ici!

Ne tardons plus, voilà les fichiers à télécharger :

Installation

  1. Insérez ces lignes de codes :
  2. <link rel="stylesheet" type="text/css" href="cleditor/jquery.cleditor.css" />
    <script type="text/javascript" src="cleditor/jquery.min.js"></script>
    <script type="text/javascript" src="cleditor/jquery.cleditor.min.js"></script>
    <script type="text/javascript">
      $(document).ready(function() {
        $("#input").cleditor();
      });
    </script>

    Vous supprimez le jquery.min.js si vous l’utilisez déjà.

  3. Ajoutez l’id “input”, ou ce que vous avez choisi, à votre balise textarea
<textarea id="input">Text...</textarea>

C’est tout!
N’oubliez pas d’adapter vos liens d’intégration css et js si vous avez mis les fichiers dans un nouveau dossier!

Le site officiel de CLeditor : http://premiumsoftware.net/cleditor/

About Mydnic