[ConceptRTE] L'Editeur WYSIWYG

Version imprimable

23/10/2006, 13h14
Sophie2097

[ConceptRTE] L'Editeur WYSIWYG

Bonjour,

j'essaye tant bien que mal d'insérer dans mon site web en PHP un éditeur WYSIWYG de nom CONCEPT RTE

Mais voilà, une fois que je l'ai téléchargé sur http://www.conceptuel.co.uk/conceptRTE/ que dois-je faire ensuite pour l'insérer dans mon site web?

j'ai essayé de faire un include ('conceptRTE/conceptRTE/conceptRTE.js'); ou encore include ('conceptRTE/conceptRTE/index.php'); mais sans sucès.

Je comprend vraiment pas comment je dois procéder pour rendre cet éditeur fonctionnel sur mon site en php.

y a t-il un qq qui peut me venir en aide?

Merci d'avance

Bonjour Sophie,

Après avoir dézippé l'archive de l'éditeur, il suffit pour l'exemple de créer un fichier html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
	<head>
		<script type='text/javascript' src='conceptRTE.js'></script>
		<link rel="stylesheet" type="text/css" href="style.css"></script>
	</head>
	<body>
		<script type='text/javascript'>
		//<!--
		initRTE('images/', '', 'style.css', 'EN');
		writeRichText('rte', '<p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"></p>', 505, 200, true, false, false);
		//-->
		</script>
	</body>
 
</html>

Et roule ma poule :)

23/10/2006, 13h48
Sophie2097

Merci beaucoup je vais essayé cela et je vous tiens au courant

merci encore pr votre aide

décidement je dois être nulle :-(

quand je l'exécute rien ne s'affiche, j'ai une page vide pour newsletter.html

voilà mon arborescence par rapport au fichier newsletter.html :
newsletter.html
conceptRTE\conceptRTE\conceptRTE.js
conceptRTE\conceptRTE\style.css

voilà mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<html>
	<head>
		<script type='text/javascript' src='conceptRTE/conceptRTE/conceptRTE.js'></script>
		<link rel="stylesheet" type="text/css" href="conceptRTE/conceptRTE/style.css"></script>
	</head>
	<body>
		<script type='text/javascript'>
                //<!--
                initRTE('images/', '', 'style.css', 'EN');
                writeRichText('rte', '<p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"></p>', 505, 200, true, false, false);
                //-->
                </script>
	</body>
</html>

23/10/2006, 14h28
Sophie2097

c'est ok, un grand merci
23/10/2006, 14h34
Sophie2097

c'est presque OK, ya juste lorsque je veux choisir un smiley ou changer la couleur du texte, il me met , impossible d'afficher la page
23/10/2006, 15h43
Mr N.

conceptRTEimage.html, conceptRTEsmiley.html, conceptRTEurl.html, conceptRTEpalette.html doivent visiblement se trouver au meme niveau que newsletter.html
23/10/2006, 16h12
Sophie2097

merciiii
voilà tout marche excepté les smileys. une croix rouge s'affiche à la place des smiley

jaurais voulu savoir également comment je pouvais récuperer le texte introduit dans l'éditeur afin de l'envoyer par email? Est ce possible?

Bonjour Sophie,

Je te suggère :
1) de tout mettre au même niveau que votre fichier newsletter.html
2) d'utiliser un form pour pouvoir récupérer votre texte :
Code:

1 2 3 4 5 6 7 8 9 10 <form action="traiter_formulaire.php" action="POST"> <script type='text/javascript'> // </script> <input type="submit" value="Go" /> </form>
Ensuite dans traiter_formulaire.php :
Code:

1 2 3 4 <?php // affiche le contenu de la requete var_dump('<pre>', $_REQUEST, '</pre>'); ?>
A noter que le fichier index.php livré avec l'éditeur est source de renseignements concernant son utilisation ;)

ca ne fonctionne pas, j'ai pourtant copié exactement ton code dans le mien

:-( décidement la poisse cet éditeur

voilà mon code au cas où

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 <html>
    <head>
    <title> Newsletter </title>
        <script type='text/javascript' src='conceptRTE/conceptRTE/conceptRTE.js'></script>
        <link rel="stylesheet" type="text/css" href="conceptRTE/conceptRTE/style.css"></script>
    </head>
    <body>
    <script type='text/javascript'>
        //<!--
        initRTE('conceptRTE/conceptRTE/images/', '', 'style.css', 'FR');
        writeRichText('rte', '<p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"></p>', 505, 200, true, false, false);
        //-->
 
        </script>
 
    </body>
 
</html>

Bonjour

J'ai un problème similaire : il m'est impossible de récupérer le contenu du texte posté, que ce soit via $_POST ou $_REQUEST.
Serait-ce parce que dans le script, le champ à remplir est défini par un <iframe> plutôt que par un <textarea> ?
J'ai beau avoir relu le script, je ne comprends pas.

Pour Sophie : j'ai eu un problème pour afficher les boutons, que j'ai résolu en commentant les lignes

Code:

document.writeln(' <td width="100%"></td>');

dans le code et en mettant le bon chemin dans la déclaration du script : exemple

Code:

initRTE('./Scripts/conceptRTE/images/', '', './Scripts/conceptRTE/style.css', 'FR');

Si vous avez une solution à mon problème, n'hésitez pas ! :)
Citation:
Envoyé par Mr N.
Bonjour Sophie,

Je te suggère :
1) de tout mettre au même niveau que votre fichier newsletter.html
2) d'utiliser un form pour pouvoir récupérer votre texte :
Code:

1 2 3 4 5 6 7 8 9 10 <form action="traiter_formulaire.php" action="POST"> <script type='text/javascript'> // </script> <input type="submit" value="Go" /> </form>
Ensuite dans traiter_formulaire.php :
Code:

1 2 3 4 <?php // affiche le contenu de la requete var_dump('<pre>', $_REQUEST, '</pre>'); ?>
A noter que le fichier index.php livré avec l'éditeur est source de renseignements concernant son utilisation ;)

J'ai trouvé la solution à mon problème, j'espère que ça pourra servir à d'autres personnes (Sophie ?).

Je décris rapidement le principe du formulaire :
- Le texte est entré dans une balise <iframe>, qui ne peut pas transmettre de variable par POST (il faudrait un <textarea> par exemple)
- En dessous, il y a un <input type=hidden> qui sert à transmettre le texte.
- Pour que le contenu transmis par cette dernière balise, il faut utiliser la fonction updateRTE('nomduchamp') ou la conftion updateRTEs() AVANT de soumettre le formulaire.

D'où le code complet :
Code:

1 2 3 4 5 6 7 8 9 10 11 <?php echo "<div class=row> <span class=rteColumn> <script language='JavaScript' type='text/javascript'> initRTE('./Scripts/conceptRTE/images/', '', './Scripts/conceptRTE/style.css', 'FR'); writeRichText('notes', '$contenu', 520, 200, true, false); </script> </span></div>"; ?> <input onClick="updateRTEs();this.form.submit();" type=submit value="valider la demande">