Discussion :

[kate59]

Bonjour,

J'ai telechargé le zip imgupload mit dans les plugins et j'ai rajouter :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
CKEDITOR.editorConfig = function( config )
{
    // Define changes to default configuration here. For example:
     config.language = 'fr';
    // config.uiColor = '#AADC6E';
    config.enterMode = CKEDITOR.ENTER_BR;
    config.extraPlugins = 'imgupload';
};

avec extraplugins et cela rend invisible le textarea et le ckeditor.

merci pour votre aide ?

[Invité]

Bonjour,

Pour CKEDITOR, il existe un Manager de Fichiers (Gestionnaire d'upload) : CKFINDER.
Par contre, il est payant.

CELA DIT, il existe une alternative GRATUITE : KCFINDER

Une fois téléchargé et installé,

dans le dossier KCeditor" -> fichier config.js :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
/*CKEDITOR config*/
// -----------------------------------------------------------
// CONFIGURATION PERSONNELLE
// -----------------------------------------------------------
CKEDITOR.editorConfig = function( config )
{
	// -----------------------
	config.basicEntities 				= false; // évite les   inutiles
	config.allowedContent 				= true;	// accepte l'ajout d'attribut (class, style...) inline
 
	// -----------------------
	/* KCEditor (GRATUIT !) : explorateur de fichiers */
/* => INDIQUEZ le CHEMIN correct ! */
	config.filebrowserBrowseUrl 		= '../../utilitaires/KCfinder/browse.php?type=files';
	config.filebrowserImageBrowseUrl 	= '../../utilitaires/KCfinder/browse.php?type=images';
	config.filebrowserFlashBrowseUrl 	= '../../utilitaires/KCfinder/browse.php?type=flash';
	config.filebrowserUploadUrl 		= '../../utilitaires/KCfinder/upload.php?type=files';
	config.filebrowserImageUploadUrl 	= '../../utilitaires/KCfinder/upload.php?type=images';
	config.filebrowserFlashUploadUrl 	= '../../utilitaires/KCfinder/upload.php?type=flash';
 
	// -----------------------
	/* TOOLBAR PERSONNALISEE - ARTICLE */
	config.toolbar 						= 'ToolbarArticle';
	config.toolbar_ToolbarArticle 		=
	[
	{ name: 'basicstyles', 	items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] },
	{ name: 'paragraph', 	items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','Blockquote','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock' ] },
	{ name: 'links', 		items : [ 'Link','Unlink','Anchor' ] },
	{ name: 'editing', 		items : [ 'Find','Replace','-','SelectAll','-','SpellChecker', 'Scayt' ] },
	{ name: 'colors', 		items : [ 'TextColor','BGColor' ] },
	{ name: 'styles', 		items : [ 'Format' ] },
	{ name: 'clipboard', 	items : [ 'PasteText','PasteFromWord' ] },
	{ name: 'insert', 		items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar' ] },
	{ name: 'document', 	items : [ 'Source', 'ShowBlocks','Preview' ] }
	];
	// -----------------------
};
// -----------------------------------------------------------

[kate59]

bonjour,

je telecharger le zip kfckinder je doit donc le dezipper dans dossier ckeditor, peut tu m'expliquer comment le mettre sur mon site.

merci.

[Invité]

Perso, j'ai un dossier "utilitaires" dans lequel je mets... tous mes utilitaires

• "utilitaires" -> dossier "KCeditor"
• "utilitaires" -> dossier "KCfinder" (dans lequel tu dézippes l'archive KCfinder)

N.B. Dans le dossier "KCFinder" tu trouveras un fichier config.php.
On peut y définir notamment : le dossier de destination des images téléchargées, les extensions autorisées, les dimensions maxi,......

"KCFinder" -> config.php :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
$_CONFIG = array(
 
........ 
 
//    'uploadURL' 			=> "upload",
    'uploadURL' 			=> "../../upload",	// PERSO !
    'uploadDir' 			=> "",
 
........ 
 
    'types' 		=> array(
 
        // CKEditor & FCKEditor types
        'files'   			=>  "pdf xls doc docx",
        'flash'   			=>  "swf flv avi mpg mpeg",
        'images'  			=>  "*img",
 
        // TinyMCE types
        'file'    			=>  "pdf xls doc docx",
    //    'media'   		=>  "swf flv avi mpg mpeg qt mov wmv asf rm",
        'media'   			=>  "swf flv avi mpg mpeg",
        'image'   			=>  "*img",
    ),
 
........ 
 
 
    'maxImageWidth' 		=> 960,	// px
    'maxImageHeight' 		=> 960,
 
    'thumbWidth' 			=> 150,	// px
    'thumbHeight' 			=> 150,
 
    'thumbsDir' 			=> ".thumbs",	// PERSO !
 
    'jpegQuality' 			=> 90,

[kate59]

il faut faire un appel dans le header ou dans la page comme ckeditor je ne comprend pas trop j'ai fait un dossier comme tu dis kcfinder dans mon dossier de site en ligne a cote de mon dossier ckeditor.

dans le header:

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="<?php echo RACINE_BACKEND ?>ckeditor/ckeditor.js"></script>

et dans mon textarea :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script type="text/javascript">
	CKEDITOR.replace('texte_avancement');
</script>

donc pour kcfinder comme le rajouter au ckeditor ou le remplacer je ne sais pas trop comment ca marche?

MERCI.

[Invité]

Comme je l'ai indiqué dans mon premier message.