[Plugin] CkEditor 1.4.10 - Problème "Explorer le serveur"

nicomax

Salutatous,


Tout d'abord, ma config :


Pluxml 5.1.7 installé chez OVH en mutualisé
Thème Mystique dernière version
CkEditor 1.4.10 (CKEditor 3.6.4 + KCFinder 2.51)


UPLOAD IMAGE SUR SERVEUR >> OK


Je clique sur le bouton "Image" puis j'envoie l'image en cliquant sur le bouton "Envoyer"


Mon image se charge bien sur le serveur dans le dossier data/images/
et dans l'onglet "Médias" l'image s'affiche bel et bien.


Jusque là tout va bien


INSERTION IMAGE DANS PAGE >> PROBLÈME !


Je clique sur le bouton "Image" puis sur le bouton "Explorer le serveur"


Une popup "KCFinder: /images" s'affiche avec les boutons "Envoyer" "Rafraîchir" "Paramètres" "Agrandir" "A propos"
MAIS plus rien ne s'affiche en-dessous !


Donc je ne vois pas mon image !


NOTE :

je tourne sous Mac
mon Firefox est à jour (16.0.2).

Dans "Paramètres" > "Racine du site" j'ai bien mis un slash à la fin
Et pareil dans "Répertoire de stockage des fichiers" dans la config de CkEditor


J'ai beau vider le cache mais rien n'y fait !
J'ai même essayer sur un autre Mac avec lequel je n'avais jamais ouvert cette url et même problème !


Merci de vos lumières...

Stéphane

@nicomax: qu'as-tu mis dans le champ "Répertoire de stockage des fichiers" sur l'écran de config du ckeditor ?

nicomax

re-bonjour Stéphane,

j'ai mis data/

nicomax

Dans la popup "KCFinder: /images",
si je clique sur l'un de ces boutons : "Envoyer" "Rafraîchir" "Paramètres" "Agrandir" "A propos"


Le message suivant s'affiche :


"L'adresse n'a pas été reconnue
Firefox ne sait pas ouvrir cette adresse car le protocole (kcact) n'est associé à aucun programme.
Il est peut-être nécessaire d'installer une autre application pour ouvrir ce type d'adresse."

nicomax

sur un autre forum, j'ai trouvé le post suivant :


MODIFICATION 1

Bonjour voici qques précisions si ca peut aider...


J'ai mis ceci dans le fichier config.php du dossier ckeditor / kcfinder :

[== PHP ==]
'disabled' => false,
    'denyZipDownload' => false,
    'denyUpdateCheck' => false,
    'denyExtensionRename' => false,
 
    'theme' => "oxygen",
 
    'uploadURL' => "http://127.0.0.1:8080/MonSite/docs",
    'uploadDir' => "E:/My Documents/Sites Web/MonSite/docs/",

Ces deux dernières lignes, faut-il pointer en relatif ou en absolu ?
"uploadir" ça pointe vers quelle dossier exactement ?


Ce sont uniquement les deux dernières lignes ci-dessus qui changent et remplacent donc les deux lignes du code source ci-dessous :

[== PHP ==]
'uploadURL' => $_SESSION["ckeditor_url"],	# PLUXML
'uploadDir' => "",	# PLUXML

MODIFICATION 2

Et j'ai modifier le fichier config.js du dossier ckeditor / ckeditor / , comme suit :

[== JavaScript ==]
CKEDITOR.editorConfig = function( config )
{
	config.extraPlugins = 'stylesheetparser';
	config.contentsCss = '../scripts/css/style-text.css';
 
	config.toolbar = 'MyToolBar';
	config.toolbar_MyToolBar = [	...	];
 
	//KCFinder
	config.filebrowserBrowseUrl = '../../kcfinder/browse.php?type=files';
	config.filebrowserImageBrowseUrl = '../../kcfinder/browse.php?type=images';
	config.filebrowserFlashBrowseUrl = '../../kcfinder/browse.php?type=flash';
	config.filebrowserUploadUrl = '../../kcfinder/upload.php?type=files';
	config.filebrowserImageUploadUrl = '../../kcfinder/upload.php?type=images';
	config.filebrowserFlashUploadUrl = '../../kcfinder/upload.php?type=flash';
};

Par contre que faut-il mettre à la place de : config.toolbar_MyToolBar = [ ... ];


Le code ci-dessus viendrait en remplacement du code source ci-dessous :

[== JavaScript ==]
CKEDITOR.editorConfig = function( config )
{
	// Define changes to default configuration here. For example:
	// config.language = 'fr';
	// config.uiColor = '#AADC6E';

	config.entities = false; // Pour que les accents ne soient pas transformés en entités HTML (ce qui est inutile avec le codage utf-8 des pages)
	config.height = '300px'; // hauteur de la fenêtre d'édition (par défaut : 200px)

};

Je n'ai pas encore testé mais en espérant que cette trouvaille aide à solutionner le problème...

nicomax

Sur mon site PluXml les deux fichiers à modifier pointent vers ce type d'url :


http://www.mon_site.com / com / plugins / ckeditor / kcfinder / config.php

http://www.mon_site.com / com / plugins / ckeditor / ckeditor / config.js


FICHIER config.js


Dans ce fichier j'ai ajouté ces lignes :

[== JavaScript ==]
config.filebrowserBrowseUrl = 'http://mon_site.com/com/plugins/ckeditor/kcfinder/browse.php?type=files';
	config.filebrowserImageBrowseUrl = 'http://mon_site.com/com/plugins/ckeditor/kcfinder/browse.php?type=images';
	config.filebrowserFlashBrowseUrl = 'http://mon_site.com/com/plugins/ckeditor/kcfinder/browse.php?type=flash';
	config.filebrowserUploadUrl = 'http://mon_site.com/com/plugins/ckeditor/kcfinder/upload.php?type=files';
	config.filebrowserImageUploadUrl = 'http://mon_site.com/com/plugins/ckeditor/kcfinder/upload.php?type=images';
	config.filebrowserFlashUploadUrl = 'http://mon_site.com/com/plugins/ckeditor/kcfinder/upload.php?type=flash';

Dois-je être en absolu ou en relatif ?


FICHIER config.php


Dans ce fichier ils est conseillé de modifier ces deux lignes :

[== PHP ==]
'uploadURL' => $_SESSION["ckeditor_url"],	# PLUXML
'uploadDir' => "",	# PLUXML

A priori il faut renseigner ces deux lignes comme suit :


'uploadURL' => "/images/editeur",
'uploadDir' => "/chemin_physique_de_votre_site/images/editeur"


Que dois-je mettre à la place ?

nicomax

j'ai modifié config.js comme ci-dessus (en absolu),
puis j'ai modifié les deux lignes de config.php comme suit :

[== PHP ==]
'uploadURL' => "http://www.mon_site.com/com/data/images/",
'uploadDir' => $_SERVER['DOCUMENT_ROOT']."/images",

Mais ça ne fonctionne pas


Question :
Est-ce-que ces bugs / incompatibilité des plugins CKEditor + ArtGalerie ne seraient pas lié au thème Mystique que j'utilise ?
Car si c'est le cas, peut-être faut-il que je me tourne vers un thème plus simple... ce qui m'embêterait quand même !


Siouplaît,
une chtite aide... car là je suis légèrement largué

nicomax

Bon j'avance :


FICHIER config.php


J'ai mis ça :

[== PHP ==]
'uploadURL' => "../../../../data/images",
'uploadDir' => '',

FICHIER config.js


Puis ça :

[== JavaScript ==]
config.filebrowserBrowseUrl = 'ckeditor/kcfinder/browse.php?type=files';
config.filebrowserImageBrowseUrl = 'ckeditor/kcfinder/browse.php?type=images';
config.filebrowserFlashBrowseUrl = 'ckeditor/kcfinder/browse.php?type=flash';
config.filebrowserUploadUrl = 'ckeditor/kcfinder/upload.php?type=files';
config.filebrowserImageUploadUrl = 'ckeditor/kcfinder/upload.php?type=images';
config.filebrowserFlashUploadUrl = 'ckeditor/kcfinder/upload.php?type=flash';

MAIS maintenant j'ai le message suivant :
Cannot write to upload folder. /blabla/blabla/data/images


J'ai mis un CHMOD 777 sur le dossier images mais ça marche pô

nicomax

Dans le fichier config.php
j'ai modifié la ligne suivante :

[== PHP ==]
'dirPerms' => 0755,

Par :

[== PHP ==]
'dirPerms' => 0777,

Toujours sans succès

Stéphane

@nicomax: je bosse sur une mise à jour de ckeditor. je te contacterai par mail pour que tu puisses tester la nouvelle version pour voir si ça résoud tes problèmes. dès que je suis prêt je te maile

nicomax

Cool Stéphane
J'attends avec impatience cette nouvelle mise à jour du plugin CKEditor.


Pour info :


- Mes dossiers /data et /data/images sont bien en Chmod 755.
- Mon hébergeur est OVH sur serveur mutualisé.
- Et j'ai bien data/ dans le champ "Répertoire de stockage des fichiers" dans la config de CKEditor.

nicomax

OUF ça fonctionne


J'ai ré-installé PluXml version 5.1.7 chez un autre hébergeur.


Puis installé le plugin JQuery 1.7.1
Puis installé CKEditor 1.4.10 + KCFinder


Et enfin appliqué le style Mystique pour PluXml 5.1.7


Pour le moment je peux donc sans problème "Explorer le serveur" depuis l'interface de CKEditor :cool:

yoshyn

Bonjour,

Ayant eu le soucis il y a peu, je me permet de déterrer ce topic pour y apporter une réponse précise.

Le problème vient de la gestion des ports. Ton serveur (avant sa réinstallation) fonctionnait sur le port 8080.
Or KCFinder doit faire des requêtes Ajax (je suppose) sur le port 80 ou 443 (ssl).

De mon coté, comme je suis en phase de test, je passe par le SSL pour remplir le blog. Je passerais sur le port 80 plus tard.

Voila.