integration de ckfinder et ckeditot

**gpsevasion** · 09/04/2010, 10h49

bonjour je viens de telecharge ckeditor et ckfinder et je viens de les integrer dans mon site au niveau principal

url de mon site

|_ admin

|_ ckeditor

|_ ckfinder

||integration.php

dans la directory admin je veux faire un formulaire (integration.php)
appelant ckeditor et utilisant les fonction de ckfinder pour la gestion
des image (uploaud sur mon serveur) mais je ne sais pas comment
faire car je ne suis pas un as de la programation

avez vous un exemple de fichier en php (integration.php) pouvant repondre a mon besoin

ps voila le code de mon fichier integration.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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Replace Textareas by Class Name - CKEditor Sample</title>
	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
	<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
 
<script type="text/javascript">
  CKEDITOR.replace( 'editor1',
           {
			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',
	extraPlugins : 'uicolor',				
		toolbar :
 
[['Styles','Format','Font','FontSize'],
['NewPage','Preview','-','Templates'],
['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker'],
['Undo','Redo','-', 'About'],
[ 'UIColor' ],
'/',
['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
['Link','Unlink'],
['Image','Table','HorizontalRule','Smiley','SpecialChar'],
['TextColor','BGColor'],
['Maximize', 'ShowBlocks']
]
              });
 
</script>
 
</head>
<body>
	<h1>
		CKEditor Sample
	</h1>
	<!-- This <div> holds alert messages to be display in the sample page. -->
	<div id="alerts">
		<noscript>
			<p>
				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
				support, like yours, you should still see the contents (HTML data) and you should
				be able to edit it normally, without a rich editor interface.
			</p>
		</noscript>
	</div>
	<form action="sample_posteddata.php" method="post">
		<p>
			<label for="editor1">
				Editor 1:</label><br />
			<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
		</p>
		<p>
			<input type="submit" value="Submit" />
		</p>
	</form>
	<div id="footer">
		<hr />
		<p>
			CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
		</p>
		<p id="copy">
			Copyright &copy; 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico
			Knabben. All rights reserved.
		</p>
	</div>
</body>
</html>

qaund je clique sur l'icone image je ne vois pas longle "upload"

**gpsevasion** · 09/04/2010, 11h13

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>Replace Textareas by Class Name - CKEditor Sample</title>
	<meta content="text/html; charset=utf-8" http-equiv="content-type" />
	<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
	<h1>
		CKEditor Sample
	</h1>
	<!-- This <div> holds alert messages to be display in the sample page. -->
	<div id="alerts">
		<noscript>
			<p>
				<strong>CKEditor requires JavaScript to run</strong>. In a browser with no JavaScript
				support, like yours, you should still see the contents (HTML data) and you should
				be able to edit it normally, without a rich editor interface.
			</p>
		</noscript>
	</div>
	<form action="sample_posteddata.php" method="post">
		<p>
			<label for="editor1">
				Editor 1:</label><br />
			<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea>
		<script type="text/javascript">
  CKEDITOR.replace( 'editor1',
           {
			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>
 
		</p>
		<p>
			<input type="submit" value="Submit" />
		</p>
	</form>
	<div id="footer">
		<hr />
		<p>
			CKEditor - The text editor for Internet - <a href="http://ckeditor.com/">http://ckeditor.com</a>
		</p>
		<p id="copy">
			Copyright &copy; 2003-2010, <a href="http://cksource.com/">CKSource</a> - Frederico
			Knabben. All rights reserved.
		</p>
	</div>
</body>
</html>

**morganC** · 18/05/2010, 14h36

Bonjour gpsevasion,

J'ai le même problème que toi, sauf que je ne trouve pas de réponse a mon problème, j'ai éssayé de mettre ton code résolu mais je ne peux toujour pas uploader mes images, ... dans UserFile ...

Etant donnée que tu a su résoudre ton problème je me demandais si tu serais quel est le mien!

J'ai pourtant bien la même architecture que toi pour mon dossier CKFinder,CKEditor :

url de mon site
|_ admin
|_ ckeditor
|_ ckfinder
||form.inc.php

Je te fournis le code de mon formulaire ci-dessous.

Merci pour ton aide.

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<?php
 
$action = get_param('a');
$newsId = get_param('n');
 
if('mod' == $action && false !== $newsId && is_numeric($newsId) && 0 < $newsId) {
	$query =
		'SELECT n_date, n_title, n_comment '.
		'FROM newsbar '.
		'WHERE n_id = '.$newsId;
 
	connect_mysql();
	$resultSet = @mysql_query($query);
	close_mysql();
	if(false === $resultSet) {
		err('QUERY ERROR');
		return;
	}
	else if(0 == mysql_num_rows($resultSet)) {
		err('Aucune actualité enregistrée.');
		return;
	}
 
	$action = 'vmod';
 
	$row = mysql_fetch_array($resultSet);
	//$date    = $row[0];
	$title   = $row[1];
	$comment = $row[2];
}
else {
	$newsId = 0;
	$action  = 'vadd';
	$title   = '';
	$comment = '';
}
 
$date    = date('YmdHi00');
 
?>
<html>
<head>
<title>Editer une news</title>
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>
 
<body>
<form id="frmnews" name="frmnews" method="post" action="index.php">
	<a class="back2list" href="index.php?m=<?= $moduleName ?>">Retour à la liste des actualités (barre latérale).</a>
	<hr class="separator"/>
	<input type="hidden" name="m" value="<?= $moduleName ?>"/>
	<input type="hidden" name="a" value="<?= $action ?>"/>
	<input type="hidden" name="n" value="<?= $newsId ?>"/>
	<div>
		<label for="hrdate">Date</label>
		<input id="date" type="hidden" name="date" value="<?= $date ?>" readonly/>
		<input id="hrdate" type="text"  name="hrdate" value="<?= hrDate($date) ?>" readonly/>
	</div>
	<div>
		<label for="title">Titre</label>
		<input id="title" type="text" name="title" value="<?= $title ?>"/>
	</div>
 
		<div><label for="comment">Texte</label><br>
            <textarea cols="50" rows="5" name="Comment" id="Comment"></textarea>
            <script type="text/JavaScript">
            //<![CDATA[
                CKEDITOR.replace('Comment');
            //]]>
            </script>
		<div class="note">Note : le retour à la ligne standard s'effectue par la combinaison des touches &lt;<em>Majuscule + Entrer</em>&gt;</div>
		</div>
	<div id="submit"><input type="submit" value="Valider"/></div>
</form>
</body>
</html>
 
<?/*
if('vmod' != $action)
	return;
else
	include('photo.inc.php');
*/?>

**iyfniky** · 29/07/2011, 19h11

Dans le fichier config.php de ckfinder, ligne 33 passez à "true" la variable.

**Sandjabé** · 30/09/2011, 12h00

slt, j'ai installé ckeditor et intégré ckfinder; mais le problème est que il ne fonctionne que pour les fichier qui sont a la racine de mon site, hors le fichier que je veux utilisé se trouve plutôt dans un dossier de mon site. le problème doit etre sur les chemnin mais ou?

voici la structure de mon site :

formation|
ckeditor
ckfinder
formatec|
formatec.php(dans ce fichier je n'arrrive pas à uploader)
test.php(dans celui ci tout fonction normalement)

Dans le fichier config.php :

Code :

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

1
2
$baseUrl = 'http://127.0.0.1/FORMATION/test/';
$baseDir = "D:/A2BA/PAS_TOUCHE/SITES/formation/test/";

je veux ultiliser l'editeur dans formatec.php. merci d'avance pour votre aide.

integration de ckfinder et ckeditot

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager