Tuto complet Ajout de CKeditor et CKfinder ? wanewsletter

[neomega 22]

bonjour pour ce qui utilise Wanewsletter et qui souhaite avoir un éditeur de texte complet

pour crée leur News voici comment procédé :

télécharger CKeditor et CKfinder :http://cksource.com/products

1) Uploader les 2 dossiers sur votre serveur FTP dans le dossier "Wanewsletter"

2)dans wanewsletter/templates/admin/header.tpl

a la ligne 36 se trouve :

{S_SCRIPTS}

coller ceci dessous :

<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>

<script type="text/javascript" src="../ckfinder/ckfinder.js"></script>

3)dans wanewsletter/templates/admin/send_body.tpl ligne 58 se trouve :

 <textarea name="{formulaire.S_TEXTAREA_NAME}" cols="90" rows="20" class="text">{formulaire.S_BODY}</textarea>

coller ceci dessous AVANT </td> :

<script type="text/javascript"> CKEDITOR.replace( '{formulaire.S_TEXTAREA_NAME}',{

filebrowserBrowseUrl : '../ckfinder/ckfinder.html',

filebrowserImageBrowseUrl : '../ckfinder/ckfinder.html?Type=Images',

filebrowserFlashBrowseUrl : '../ckfinder/ckfinder.html?Type=Flash',

filebrowserUploadUrl : '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',

filebrowserImageUploadUrl : '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',

filebrowserFlashUploadUrl : '../ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash' });

</script>

Puis tout en bas de la page apres

</form>

et avant

 {LISTBOX}

coller ceci:

<script type="text/javascript">

  var editeur = CKEDITOR.replace( 'body_html' );

  editeur.setData( '<p></p><p><center><font size="1">\{LINKS\}</font></p>' ); // placement du lien de d&#233;sinscription automatiquement

  CKFinder.SetupCKEditor( editeur, '/ckfinder') ;

</script>

4)dans wanewsletter/templates/admin/editor.js a la fin completement ce trouve :

if( supportDOM() ) {

var width  = (window.screen.width - 200);

var height = (window.screen.height - 200);

var top	= 50;

var left   = ((window.screen.width - width)/2);


DOM_Events.addListener('load', make_editor, false, document);

}

mettez le en commentaire comme ceci :

/*

if( supportDOM() ) {

var width  = (window.screen.width - 200);

var height = (window.screen.height - 200);

var top	= 50;

var left   = ((window.screen.width - width)/2);


DOM_Events.addListener('load', make_editor, false, document);

}

*/

5)dans wanewsletter/CKfinder/config.php a la ligne 33 se trouve

return false;

modifier le en

return true;

$baseUrl = 'http://mon-site/modules/wanewsletter/ckfinder/userfiles/';

et ligne 83

$baseDir = ' /chemin/exact/vu/du/serveur/modules/wanewsletter/ckfinder/userfiles/';

6)dans wanewsletter/CKeditor/config.js remplacer le tout par ceci:

CKEDITOR.editorConfig = function( config )

{

config.language = 'fr';

	config.startupOutlineBlocks = true;

	config.forcePasteAsPlainText = true;


// Define changes to default configuration here. For example:

// config.language = 'fr';

// config.uiColor = '#AADC6E';

};

ET VOILA C FINI vous avez CKeditor et CKfinder dans wanewsletter

ce qui permet de crée sa news au complet introduction de photo comprise

IMPORTANT

mettre le dossier "/ckfinder/userfiles/" en accès complet (ftp :chmod 777)

ATTENTION pour test seulement, il faut utiliser l'authetification de WANewsletter, pas encore trouvé comment faire

a la ligne 63 compléter le lien vers /ckfinder/userfiles/ ex pour moi:

Mettre l'adresse complète effective du dossier (si vous ne savez pas, utilisez google et le mot clef phpinfo())

ex pour moi :

[Simon développeur PEEL 0]

Bonjour,

Un grand merci pour ce tuto :) !

[neomega 22]

après test CE TUTO FONCTIONNE PARFAITEMENT avec le module a la carte " PEEL WANEWSLETTER "

dispo ici : http://www.peel.fr/m...sletter-26.html