textarea invisible apres ajout plugin image

**kate59** · 15/03/2016, 15h26

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é · 15/03/2016, 16h02

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 &nbsp; 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** · 15/03/2016, 16h08

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é · 15/03/2016, 16h24

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** · 15/03/2016, 16h33

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é · 15/03/2016, 16h35

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

**kate59** · 15/03/2016, 17h03

MERCI CA ME SAUVE nickel par contre petite question de base j'avais utiliser ceci:

http://ckeditor.com/builder

mais en mettant ckeditor avec upload image comme ceci:

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';
};

le textarea s'effacer je ne comprend pourquoi c'est des que j'ajouter : config.extraPlugins = 'imgupload';

merci.

Invité · 15/03/2016, 17h11

Aucune idée, mais ça ne sert plus à rien si tu utilises KCFinder.

**kate59** · 15/03/2016, 17h28

peut on changer l'aspect couleur ou autre esthetic de ckeditor tout de meme.

merci.

Invité · 15/03/2016, 17h55

Oui.
CKeditor et KCfinder sont indépendants.

**kate59** · 16/03/2016, 17h19

merci pour ton aide donc le bouton explorer le serveur s'affiche mais message " vous n'avez pas les droits nécessaires pour parcourir le serveur " merci.

Invité · 16/03/2016, 19h42

Bonjour,

il faut donner les droits en lecture-écriture (CHMOD) au dossier d'upload que tu as défini : dossier "upload" dans mon cas (cf. config CKfinder).

**kate59** · 16/03/2016, 22h14

j'avais mi le dossier deja en mettant tout les droit 777

mais ca ne change pas, j'ai fais pareil sur le dossier admin que j'ai créer pour tester mais toujours l' erreur.

merci.

**kate59** · 16/03/2016, 22h28

j'ai regle le probleme en changeant cette valeur :
'disabled' => false, dans config.php par contre j'aimerai le mettre sur plusieurs texatera qui sont créer dynamiquement elle ne s'affiche que pour le 1.

peut on le mettre sur plusieurs du meme nom d'id et de name ?
MERCI

textarea invisible apres ajout plugin image

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager