CloneRedactor

Editeur WYSIWYG leger, rapide, facile d'utilisation et entierement libre.

Documentation

Pour utiliser cloneRedactor vous n'avez pas besoin de connaitre le language javascript, le html suffit.

En effet, pour transformer un textarea en editeur il suffit de lui donner la classe "cloneRedactor". Optionnelement, vous pouvez ajoutez la liste des fonctionnalité que vous souhaitez dans l'editeur.

Je vous conseil de consulter les examples, ils sont explicite.

Liste des fonctionnalité

Icone Nom Foncionnalité
html Permet de switcher entre la vue WYSIWYG et le code html.
redo Permet de rétablir la dernière action qui a était supprimé par undo.
undo Permet de supprimer la dernière action de l'utilisateur.
format Permet de formater le texte avec des paragraphe, des titres, des commentaire et des codes sources.
alignright Permet d'aligner un paragraphe sur la droite.
aligncenter Permet de centrer un paragraphe.
alignleft Permet d'aligner un paragraphe sur la gauche.
jusitfy Permet de justifier un paragraphe.
rayer Permet de rayer le texte séléctionné.
color Permet de changer la couleur du texte séléctionné.
bold Permet de mettre en gras le texte séléctionné.
italic Permet de mettre en italique le texte séléctionné.
underline Permet de sousligner le texte séléctionné.
link Permet d'ajouter un lien au texte séléctionné.
unlink Permet de supprimer le lien du texte séléctionné.
picture Permet d'ajouter une image soit par sont url soit par upload.
unorderedlist Permet d'utiliser les liste non-ordonné.
orderedlist Permet d'utiliser les liste ordonné.

Utilisation depuis javascript

Description :

Pour utiliser cloneRedactor en javascript vous devez appelez la fonction cloneRedactor() avec pour premier paramètre l'objet qui sera remplacé par l'editeur et en second paramètre (optionnel) un tableau contenant la liste des outils a utiliser.

Code :

<textarea id='mon_textarea'></textarea>

<script type="text/javascript">
	var objet = document.getElementById('mon_textarea');
	var outils = ['html', '|', 'format', '|', 'bold', 'italic', 'underline', 'rayer'];
	cloneRedactor.init(objet, outils );// outils est facultatif
</script>

Rendu :