Utilisation du WYSIWYG NicEdit pour une édition plus agréable

zenati · juin 2010

Bonjour,

Tout d'abord tout mes remerciements pour les développeurs de Pluxml qui font du très bon travail.

Je vous présente aujourd'hui une petite idée pour pouvoir écrire et éditer les articles en WYSIWYG en utilisant l'éditeur opensource NicEdit.

1) Tout d'abord, vous ouvrez le fichier admin/top.php, puis juste avant </head> vous ajoutez:

<script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 

<script type="text/javascript">
var area, area2;

function ajouterNE() {
  area = new nicEditor({fullPanel : true}).panelInstance('id_content');
  area2 = new nicEditor({fullPanel : true}).panelInstance('id_chapo');
}

function supprimerNE() {
  area.removeInstance('id_content');
  area2.removeInstance('id_chapo');
}
</script>

Le premier script permet de charger la dernière version du script NicEdit sans avoir à le télécharger. Donc vous êtes toujours sûr d'avoir les dernières nouveautés.

Le deuxième script permet l'ajouer des deux fonctions qui permettront à l'utilisateur de choisir d'utiliser NicEdit ou pas.

2) Vous devez maintenant supprimer les icônes par défauts des textareas, pour cela, vous ouvrez le fichier admin/article.php et supprimez la ligne 148 et 151 qui sont:

<?php plxUtils::getToolBar('chapo','article') ?> et
<?php plxUtils::getToolBar('content','article') ?>

Puis ouvrea aussi le fichier admin/statique.php et supprimer la ligne 45 :

<?php plxUtils::getToolBar('content','static') ?>

Maintenant nous allons ajouter deux liens pour laisser l'utilisateur choisir oui ou non d'utiliser NicEdit.

Pour cela, dans le fichier admin/article.php, juste apres le <fieldset> de la ligne 154 ajoutez:

<a href="javascript:ajouterNE();">Utiliser NicEdit...</a>
<a href="javascript:supprimerNE();">Ou pas</a>

Ensuite au fichier admin/statique.php juste avant la ligne suivante (N° 44)

<form action="statique.php" method="post" id="change-static-content">

ajoutez,

<a href="javascript:ajouterNE();">Utiliser NicEdit...</a>
<a href="javascript:supprimerNE();">Ou pas</a>

Rendez-vous maintenant au fichier core/lib/class.plx.show.php à la ligne 493 vous avez:

if($this->plxMotor->plxRecord_arts->f('chapo') != ''){

remplacez la par:

if($this->plxMotor->plxRecord_arts->f('chapo') != '' && $this->plxMotor->plxRecord_arts->f('chapo') != '<br>') {

Voilà, normalement maintenant ça devrait marcher.

gcyrillus-nomade · juin 2010

bonjour,

merci pour l'explication .

Il faut preciser que nicedit ne produit pas de code xhtml et que les options possibles pour en produire sont reduites :
(js de nicedit bogue beaucoup car baser sur la fonction execCommand() du navigateur le code produit varie d'un nav a l'autre.)
1) telecharger nicXHTML en ajoutant {xhtml : true} aux options ... est plein de bug.

2) http://fr.php.net/manual/fr/book.tidy.php ne sera pas forcement dispo selon les hebergement mais surement la meilleur option du moment .

En dernier recours si l'on veut en faire usage , réadapter le doctype du theme et son codage html ...

GC

Stéphane · juin 2010

Bonjour

Pour avoir utilisé Nicedit un petit moment, je confirme ce que dit GC: nicedit a des bugs assez genants
C'est dommage car il est tres léger

Frédéric · juin 2010

Et que pensez vous de celui la => Whizzywig ?

gcyrillus-nomade · juin 2010

bonsoir,

celui-ci m'a l'air plus aboutit et son codage semble d'une efficacité (redoutable) . Je ne l'est pas tester , a part en ligne et de façon sommaire.

Je ne sais pas trop non plus ce que peut devenir le codage final après de multiple ajout et modification au cours de la rédaction d'un article , a priori le codage semble eviter que cela devienne de la soupe de balise

.

Merci du lien .

GC

Hamtaro · juin 2010

Même avis que Gcyrillus, cet éditeur demande à être testé

Wiksa · juillet 2010

Bonjour,

Serait-il possible de garder le gestionnaire d'images et de documents de Pluxml en utilisant Whizzywig ? Ca serait super car il à l'air bien cet éditeur !

Utilisation du WYSIWYG NicEdit pour une édition plus agréable

Réponses