[ConceptRTE] L'Editeur WYSIWYG

**Sophie2097** · 23/10/2006, 13h14

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

**Mr N.** · 23/10/2006, 13h31

Bonjour Sophie,

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

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
<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

**Sophie2097** · 23/10/2006, 13h48

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

merci encore pr votre aide

**Sophie2097** · 23/10/2006, 14h00

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 HTML :

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

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>

**Sophie2097** · 23/10/2006, 14h28

c'est ok, un grand merci

**Sophie2097** · 23/10/2006, 14h34

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

**Mr N.** · 23/10/2006, 15h43

conceptRTEimage.html, conceptRTEsmiley.html, conceptRTEurl.html, conceptRTEpalette.html doivent visiblement se trouver au meme niveau que newsletter.html

**Sophie2097** · 23/10/2006, 16h12

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?

**Mr N.** · 24/10/2006, 10h48

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 :

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

1
2
3
4
5
6
7
8
9
10
 
<form action="traiter_formulaire.php" action="POST">
                <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>
                <input type="submit" value="Go" />
</form>

Ensuite dans traiter_formulaire.php :

Code :

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

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

**Sophie2097** · 24/10/2006, 15h56

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 :

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
 <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>

**guidav** · 30/10/2006, 12h02

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 :

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

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

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

Code :

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

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

Si vous avez une solution à mon problème, n'hésitez pas !

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 :

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

1
2
3
4
5
6
7
8
9
10
 
<form action="traiter_formulaire.php" action="POST">
                <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>
                <input type="submit" value="Go" />
</form>

Ensuite dans traiter_formulaire.php :

Code :

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

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

**guidav** · 30/10/2006, 15h26

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 :

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

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">

[ConceptRTE] L'Editeur WYSIWYG

EDI, CMS, Outils, Scripts et API PHP

Discussions similaires

Partager

Partager