EDITEUR WYSIWYG

Commentaire de RazielReaver le 16/05/2004 23:18:43

Quand je fais voir le document crée ben j'ai rien :(

Sinon ca m'a l'air vraiment super..

Commentaire de pedgom le 20/05/2004 22:29:28

Super balaise. J'avais vu plusieurs exemples ms qui ne fonctionnaient que sur IE (j'les ai virés en vitesse).
Par contre celui ci est vraiment très bien, il ne me reste plus qu'a l'adapter à mon cas perso :p

Commentaire de pedgom le 01/06/2004 23:29:03

Pas de problemes.

C un genre d'editeur pr facilité l'entretient d'un site a des personnes qui n'ont que des connaissances de bases. Suivant les zones editées, il pemet des mises en formes différentes (basé sur les CSS).

J'y travaille petit à petit, j'te dirais quoi qd j'aurais qqc de significatif, et là c toi qui vois :p

Commentaire de alkaid44pouet le 16/07/2004 20:10:56

grace à l'aide d'alain34 jai rajouté qq fonctions à cet éditeur html qui vaut vraiment le détour...il est simple et fonctionnel...

pour intégrer un editeur html dans des applications plus complexes c ce qu'il faut !

Commentaire de alain34 le 21/07/2004 11:08:18

C'est difficile de dire sans connaitre ton systeme.
Je suis indulgent mais je voudrais juste savoir si tu utilises conceptRTE avec apache et php installes sur ta machine.
Si c'est le cas, je comprends pas pourquoi ca marche pas, car si tu arrives a afficher des pages PHP en general, ca doit marcher.
Par contre, si c'est pas installer, le bouton GO ne va par marcher, c'est sur!

Peut etre il faudrait que je mette une demo pour les gens qui n'ont pas PHP!!!

Commentaire de alain34 le 21/07/2004 11:54:29

alors je vois pas.ca marche chez moi avec php 4.3.4.
il faut que tu fasse gaffe car php 4.0.6 est assez vieux et c'est peux etre le probleme.

Je sais que "alkaid44pouet" (un autre utilisateur qui a poste des messages sur cette fiche) arrive a le faire marcher sans probleme.

Par contre, il n'y a rien a mettre a jour avec js, ca doit marcher.

desole, il me semble qu'il va mettre difficile de t'aider!

Commentaire de Jill12 le 25/11/2004 17:45:04

Bonjour,
Je cherche a comprendre un peu le source et je n'arrive pas a voir ce qu'est la variable rte.
Elle est utilisée par les commandes et son point de départ, celui que j'ai trouvé est :
echo "writeRichText('rte', '$content', 750, 500, true, false);";
Si quelqu'un peu me tuyauter?
Salut.

Commentaire de alain34 le 02/12/2004 16:42:20

je n'espere pas inclure la gestion de tableau. Le produit s'appelle RTE Rich Text Editor et a ete developpe uniquement pour produire des paragraphes de texte plutot que des pages completes.
la gestion de tableau est possible mais doit etre developpe pour chaque navigateur sachant qu'il ne sera pas possible d'utiliser le meme code pour IE, Firefox, opera et safari.

Merci pour les compliments!

Commentaire de alain34 le 03/12/2004 13:29:30

Merci pour ta contribution mais je n'ai pas reussi a tester le produit car le lien est mort sur http://www.openmymind.net/.

la seule reference ne marche pas :
Easy Web Editor (EWE), the great wysiwyg editor, has been brought back to life by Doug. Visist http:///www.ewelive.com/ for more information.

et ce lien ne marche pas.

de plus je voudrais preciser a tout le monde que cet outil ne marche qu'avec IE, alors que l'idee de conceptRTE est de pouvoir fonctioner avec la plus part des navigateurs!

Commentaire de dixitron007 le 19/01/2005 17:06:23

Ah oui j'ai un truc comme ça au fond de mes bookmark... annuaire des éditeur wysiwyg opensource. js, php... A voir !

http://www.cmsreview.com/WYSIWYG/OpenSource/Directory.html

Commentaire de harfang81 le 20/01/2005 11:39:08

En fait l'éditeur fait partie d'un formulaire sur une page PHP-MYSQL.
Quand je valide l'envoi des données, il y a un code qui vérifie si tous les champs du formulaire sont complétés. A chaque fois il me renvoi que le champ message est vide. A mon avis il n'arrive pas à récupérer le contenu de l'éditeur.

Merci de ton aide.

Commentaire de alain34 le 31/01/2005 17:19:58

Vous pouvez maintenant reporter les erreurs de ce code sur le system central de bug a http://www.conceptuel.co.uk/bugTracking/

Commentaire de Jill12 le 22/02/2005 18:35:43

Bonjour,
Pour moi c'est la même chose, je n'arrive pas a trouver le nom du champ qui contient le texte html et comment l'afficher ou le sauvegarder dans un fichier.

Commentaire de alain34 le 04/03/2005 09:33:52

en reponse des demandes de jil12, Harfang81 et jerome lefbevre, le champs mise a jour par conceptRTE est conceptRTEvalue.

ce champs est definie dans la <form name='demo'></form> comme un champs hidden : <input type=hidden name='conceptRTEvalue'>
ce champs est mis a jour lors de la submission de la <form> lorsque le button 'Go' ou 'Submit' est utilise. cette mise a jour ce fait de la facon suivante <input class=button type=button value='Go' onClick="updateRTE('rte');demo.conceptRTEvalue.value = demo.rte.value;this.form.submit();">.
ce code est extrait de la page genere par index.php.
J'espere que ca reponds au question de tout le monde!
Faites moi savoir si plus d'explications sont necessaires!

Commentaire de j_left le 08/03/2005 22:13:19

Je me suis finalement créer un module me permettant d'ajouter une image.

Commentaire de guenphp le 17/03/2005 13:54:01

merci pour ce code particulièrement intéressant.
peux t'on avoir plusieurs champs avec l'éditeur wisiwig sur une même page et, si oui, comment gère t'on la récupération de la variable conceptRTEvalue de chacun our remplir une base de donnée ?

Commentaire de guenphp le 17/03/2005 14:33:31

j'arrive bien à récupérer le résultat dans ma bdd avec un seul champ en récupérant conceptRTEvalue mais si je mets en deuxième champ avec l'éditeur avec un nom différent, quelle est alors la variable postée ? c'est plus conceptRTEvalue...désolé je ne suis pas un spécialiste !
par ailleurs, où peux-ton ajouter target="_blank" dans le code java pour générer l'ouverture du lien dans une nouvelle fenêtre ?
merci j'abuse un peu...

Commentaire de j_left le 17/03/2005 21:01:47

Salut guenphp,

je ne crois pas que tu vas pouvoir ouvrir le lien dans une nouvelle fenêtre car c'est la fonction execCommand("CreateLink", false, urlPath) qui s'occupe de créer le code HTML. Et cette commande ne permet que de spécifier l'url de "<a href="

Commentaire de ImmortalPC le 18/03/2005 17:41:02

Salut,
tu veux que des que tu click sur go ça ouvre dans une autre page directement ?
Si c'est ça alors essaie ça :
Remplace
echo "<form name='demo' action='$PHP_SELF' method='post'>";
dans le fichier index.php ligne 77 par
echo '<form name="demo" id="demo" action="',$PHP_SELF,'" method="post" target="_blank">';

Ah et j'allais oublier,
pour  alain34
remplace " par ' dans les script php si tu veux gagner de la vitesse.
Et a la place d'avoir 20 echo
fait echo ' '
,' '
,' '
,' ';
Ensuite évite de faire <div class=row>&nbsp;</div>
mais fait
<div>&nbsp;</div> ou <br />
Je vais essayer d'optimiser ton script ( pour ce qui est du php ).
@++

Commentaire de ImmortalPC le 18/03/2005 21:06:37

ReSalut,
Si non il peut utiliser FCKeditor qui est très bien.
Et comme promis voici index.php en mieux:
<?php
$PHP_SELF = $_SERVER['PHP_SELF'];
if(isset($_POST["language"])){$language = $_POST["language"];}else{$language = 'EN';}
if(isset($_POST["action"])){$action = $_POST["action"];}else{$action = '';}
if(isset($_POST["conceptRTEvalue"])){$conceptRTEvalue = $_POST["conceptRTEvalue"];}else{$conceptRTEvalue = '';}

echo '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">',"\n"
,'<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"><head>',"\n"
,'<meta http-equiv="Content-LANGUAGE" content="French - english" />',"\n"
,'<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />',"\n"
,'<meta name="Title" content="ConceptRTE Demo - Rich Text Editor" />',"\n"
,'<meta http-equiv="Expires" content="Never" />',"\n"
,'<meta http-equiv="Pragma" content="no-cache" />',"\n"
,'<meta http-equiv="Cache-Control" content="no-cache" />',"\n"
,'<meta name="robots" content="index, follow" />',"\n"
,'<link rel="stylesheet" type="text/css" media="screen" href="./style.css" />',"\n"
,'<title>ConceptRTE Demo - Rich Text Editor</title>',"\n"
,'<script language="JavaScript" type="text/javascript" src="./conceptRTE.js"></script>',"\n"
,'</head><body>',"\n";

//============================================================================//
// ConceptRTE's description                                                   //
//============================================================================//

echo '<div>&nbsp;</div>',"\n"
,'<div class="rowTitle">ConceptRTE Rich Text Editor (Version 1.02)</div>',"\n"
,'<div>&nbsp;</div>',"\n";

switch ($language){
   case 'EN' :
      echo '<div class="row">The conceptRTE rich-text editor is an evolution of the <a href="http://www.kevinroth.com/rte/demo.htm" title="démo">Cross-Browser Rich Text Editor</a> written by Kevin Roth.</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row"><a href="http://www.conceptuel.co.uk/conceptRTE/" title="Site web of ConceptRTE">ConceptRTE</a> is a WYSIWYG (what you see is what you get) editor replacement for &lt;textarea&gt; fields. This is an alternate version of the original Cross-Browser Rich Text Editor that uses a browser based WYSIWYG interface for the non-HTML user to create contents for CMS applications or any web applications with publishing requirement. Multi-languages support and call from a PHP page are implemented to provide flexibility and simple installation.</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row">ConceptRTE is a sub-project for the Content Management System <a href="http://www.conceptuel.co.uk" title="ConceptCMS">ConceptCMS</a>. ConceptCMS needed a WYSIWYG editor to replace the standard textarea form tag.</div>',"\n"
          ,'<div class="row">Kevin Roth\'s work was the best option for ConceptCMS, but some additional features were required to fit properly.</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row">Additional features :</div>',"\n"
          ,'<div class="row">- Improved compatibility (100%) of the editor with Internet Eplorer and Mozilla/Firefox (Version 1.02)</div>',"\n"
          ,'<div class="row">- Use of pop-up window to select and preview links for the A tag (Version 1.02)</div>',"\n"
          ,'<div class="row">- Use of pop-up window to select and preview images for the IMG tag (Version 1.01)</div>',"\n"
          ,'<div class="row">- Multi language support (Version 1.00)</div>',"\n"
          ,'<div class="row">- Insertion of graphical Smiley (Version 1.00)</div>',"\n"
          ,'<div class="row">- Use of pop-up window to select Foreground and Background Colors (Version 1.00)</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row">However,a number a feature were not required and have been removed:</div>',"\n"
          ,'<div class="row">- Spell Checker</div>',"\n"
          ,'<div class="row">- HTML code view</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row">Be aware that this demonstration will not work with Php prior to version 4.1.0. However, ConceptRTE can work with Php, Asp, pure Html page and any Html pre-processor.</div>',"\n";
      break;
   case 'FR' :
      echo '<div class="row">L\'éditeur conceptRTE rich-text editor est une évolution du <a href="http://www.kevinroth.com/rte/demo.htm" title="démo">Cross-Browser Rich Text Editor</a> de Kevin Roth.</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row"><a href="http://www.conceptuel.co.uk/conceptRTE/" title="Site Web de ConceptRTE">ConceptRTE</a> est un éditeur HTML de type WYSIWYG (what you see is what you get - ce que tu vois est ce que tu auras) de remplacement des champs &lt;textarea&gt;. C\'est une version modifié du Cross-Browser Rich Text Editor qui utilise une interface web WYSIWYG pour les utilisateurs peu familiés avec HTML qui ont besoin de publier des documents pour des applications de type CMS (Content Management System) ou tout autre besoin de publication ou d\'inculsion dans une application web. Le support de plusieurs langues et l\'intégration a un environement de dévelopement PHP sont implémentés permetant ainsi flexibilité et simplicité de l\'application.</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row">ConceptRTE est un sous-project de l\'outil de gestion de contenu <a href="http://www.conceptuel.co.uk" title="ConceptCMS">ConceptCMS</a>. ConceptCMS nécessitait un éditeur HTML de type WYSIWYG pour simplifier la gestion des pages de données.</div>',"\n"
          ,'<div class="row">Le travail de Kevin Roth était la meilleure option pour ConceptCMS, mais quelques améliorations ont été nécessaires pour une intégration parfaite des deux projets.</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row">Améliorations apportées :</div>',"\n"
          ,'<div class="row">- Mise a jour de ConceptRTE pour ameliorer la compatibilite sur Internet Explorer et Mozilla/Firefox (Version 1.02)</div>',"\n"
          ,'<div class="row">- Utilisation de fenêtre pop-up pour choisir et pré-visualiser les liens pour la balise A (Version 1.02)</div>',"\n"
          ,'<div class="row">- Utilisation de fenêtre pop-up pour choisir et pré-visualiser les images pour la balise IMG (Version 1.01)</div>',"\n"
          ,'<div class="row">- Support de plusieurs langues (Version 1.00)</div>',"\n"
          ,'<div class="row">- Possibilité d\'insérer des émoticons (Version 1.00)</div>',"\n"
          ,'<div class="row">- Utilisation de fenêtre pop-up pour choisir la couleur du texte et la couleur de fond (Version 1.00)</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row">D\'un autre coté, certaines fonctions n\'ont pas été utile et ont été supprimé:</div>',"\n"
          ,'<div class="row">- Correction d\'ortographe</div>',"\n"
          ,'<div class="row">- Visualisation du code HTML</div>',"\n"
          ,'<div>&nbsp;</div>',"\n"
          ,'<div class="row">Attention, cette démonstration ne fonctionne pas avec Php plus anciens que la version 4.1.0. Par contre, ConceptRTE fonctione avec Php, Asp, page Html pure et tout autre pre-processeur Html.</div>',"\n";
      break;
   }

echo '<div>&nbsp;</div>';

//============================================================================//
// language Selection                                                        //
//============================================================================//

echo '<form method="post" action="',$PHP_SELF,'" enctype="multipart/form-data" name="demo" id="demo">'
,'<div class="row">';
switch ($language) {
   case 'EN' :
      echo '<span class="label">Select the language for ConceptRTE:</span>',"\n"
          ,'<span class="field"><select onchange="demo.language.value = this.value;updateRTE(\'rte\');demo.conceptRTEvalue.value = demo.rte.value;this.form.submit();">',"\n"
          ,'<option value="EN" selected="selected">EN - English</option>',"\n"
          ,'<option value="FR">FR - French</option>',"\n";
      break;
   case 'FR' :
      echo '<span class="label">Selection de la langue pour ConceptRTE:</span>',"\n"
          ,'<span class="field"><select onChange="demo.language.value = this.value;updateRTE(\'rte\');demo.conceptRTEvalue.value = demo.rte.value;this.form.submit();">',"\n"
          ,'<option value="EN">EN - Anglais</option>',"\n"
          ,'<option value="FR" selected="selected">FR - Francais</option>',"\n";
      break;
      }
echo '</select></span>',"\n"
,'</div>',"\n"
,'<div>&nbsp;</div>',"\n";

//============================================================================//
// ConceptRTE creation                                                        //
//============================================================================//

echo '<div class="row">',"\n"
,'<span class="rteColumn">',"\n"
,'<script language="JavaScript" type="text/javascript">',"\n";

$content = RTESafe($conceptRTEvalue,$language);

//============================================================================//
// Usage: initRTE(imagesPath, includesPath, cssFile, language)                //
//============================================================================//
echo 'initRTE(\'images/\', \'\', \'style.css\', \'',$language,'\');',"\n";

//============================================================================//
// Usage: writeRichText(fieldname, html, width, height, buttons)              //
//============================================================================//
echo 'writeRichText(\'rte\', \'',$content,'\', 520, 200, true, false);',"\n"
,'</script>',"\n",'</span>',"\n";

//============================================================================//
// Download the source                                                        //
//============================================================================//

echo '<span class="downloadColumn">',"\n"
,'<a href="http://www.conceptuel.co.uk/conceptRTE/conceptRTE.zip "',"\n";
switch ($language){
   case 'EN' :
   echo 'title="Download ConceptRTE">Download ConceptRTE';
   break;
   case 'FR' :
   echo 'title="Télécharger ConceptRTE">Télécharger ConceptRTE';
   break;
}
echo '&nbsp;&nbsp;&nbsp;&nbsp;<img src="zip.gif" align="middle" alt="Zip" /></a>',"\n"
,'</span>',"\n"
,'</div>',"\n"
,'<div>&nbsp;</div>',"\n"
,'<div class="row">',"\n";

switch ($language){
   case 'EN' :
      echo '<span class="label">Click Submit to show the created document:</span>',"\n"
      ,'<span class="field"><input class="button" type="button" value="Submit" onclick="updateRTE(\'rte\');demo.action.value=\'show\';demo.conceptRTEvalue.value = demo.rte.value;this.form.target=\'\';this.form.submit();" /></span>',"\n";
      break;
   case 'FR' :
      echo '<span class="label">Cliquez sur Go pour voir le document cree:</span>',"\n"
      ,'<span class="field"><input class="button" type="button" value="Go" onclick="updateRTE(\'rte\');demo.action.value=\'show\';demo.conceptRTEvalue.value = demo.rte.value;this.form.target=\'\';this.form.submit();" /></span>',"\n";
      break;
}

echo'<span class="field">&nbsp;<input class="button" type="button" value="Pop up" onclick="updateRTE(\'rte\');demo.action.value=\'show\';demo.conceptRTEvalue.value = demo.rte.value;this.form.target=\'_blank\';this.form.submit();" /></span>',"\n"
,'</div>',"\n"
,'<input type="hidden" name="action" id="action" />',"\n"
,'<input type="hidden" name="language" id="language" value="',$language,'" />',"\n"
,'<input type="hidden" name="conceptRTEvalue" id="conceptRTEvalue" />',"\n"
,'</form>',"\n"
,'<br /><div class="logo"><a href="http://validator.w3.org/check?uri=referer" title="Valid XHTML 1.0!"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" class="w3" /></a>',"\n"
,'<a href="http://www.validome.org/referer" title="Valid XHTML 1.0"><img src="http://www.validome.org/images/valid_xhtml_1_0.gif" alt="Valid XHTML 1.0" class="validome" /></a>',"\n"
,'</div>',"\n"
,'</body>',"\n"
,'</html>',"\n";

//============================================================================//
// write resulting document in a separate html page and display in a pop-up   //
//============================================================================//

if($action == 'show'){
   $currentDate = date('Ymd');
   $currentTime = date('His');
   $fileName = $currentDate . $currentTime . '.html';
   $conceptRTEvalue = str_replace(chr(92).chr(34),chr(34),$conceptRTEvalue);
   $fp = fopen($fileName,'w');
   fputs($fp,'<html>');
   fputs($fp,'<head>');
   fputs($fp,'<title>ConceptRTE Demo - Rich Text Editor</title>');
   fputs($fp,'<link rel="STYLESHEET" type="text/css" href="./style.css">');
   fputs($fp,'</head>');
   fputs($fp,'<body>');
   fputs($fp,$conceptRTEvalue);
   fputs($fp,'</body>');
   fputs($fp,'</html>');
   fclose($fp);
   echo '<script>',"\n"
   ,'parameter = \'toolbar=no,menubar=no,location=no,resizable=no,status=no,scrollbars=yes,height=400,width=800,left=150,top=150\';',"\n"
   ,'OpenWin = this.open(\'',$fileName,'\', \'conceptRTEpopUp\', parameter);',"\n"
   ,'</script>';
}

//============================================================================//
// providing safe data for ConceptRTE                                         //
//============================================================================//

function RTESafe($strText,$language){
        $tmpString = trim($strText);
        switch ($language){
            case 'EN' :
            $tmpString = 'Put your Message here.';
            break;
        
            case 'FR' :
            $tmpString = 'Mettez votre texte ici.';
            break;
        }

//convert all types of single quotes
$tmpString = str_replace(chr(145), chr(39), $tmpString);
$tmpString = str_replace(chr(146), chr(39), $tmpString);
$tmpString = str_replace('\'', '&#39;', $tmpString);

//convert all types of double quotes
$tmpString = str_replace(chr(147), chr(34), $tmpString);
$tmpString = str_replace(chr(148), chr(34), $tmpString);

//replace carriage returns & line feeds
$tmpString = str_replace(chr(10), ' ', $tmpString);
$tmpString = str_replace(chr(13), ' ', $tmpString);

return $tmpString;
}
?>

puis style.css ( j'ai rajouté 2-3 petits trucs )
/*==============================================*/
/* index.php body                               */
/*==============================================*/

body {
   padding: 0px;
   margin: 5px 0px;
   text-align: left;
   background-color: #B3B3B3;
   color: #000000;
   font-family: verdana,helvetica;
   font-size: x-small;
   z-index:1;
}

/*==============================================*/
/* ConceptRTE body                              */
/*==============================================*/


body.rte {
   padding: 0px;
   margin: 5px 0px;
   text-align: left;
   background-color: #B3B3B3;
   color: #000000;
   font-family: verdana,helvetica;
   font-size: x-small;
   z-index:1;
}

/*==============================================*/
/* form tags                                    */
/*==============================================*/

input.button  {
   font-family: verdana,helvetica;
   color: #ffffff;
   font-size: xx-small;
   background-color: #4D4D4D;
   border: 1px solid #000000;
   z-index:1;
   cursor:pointer;
   cursor:hand;
}

input {
   font-family: verdana,helvetica;
   color: #555566;
   font-size: xx-small;
   background-color: #ffffff;
   border: 1px solid #000000;
   z-index:1;
}

select {
   font-family: verdana,helvetica;
   color: #555566;
   font-size: xx-small;
   background-color: #ffffff;
   border: 1px solid #000000;
   z-index:1;
}

/*==============================================*/
/* Links                                        */
/*==============================================*/

a:hover {
   color: #ff6666;
   text-decoration: none;
   z-index:1;
}

a {
   color: #555566;
   text-decoration: none;
   font-weight: bold;
   z-index:1;
}

/*==============================================*/
/* Applicable to a DIV tag                      */
/*==============================================*/

.rowTitle {
   border: none;
   text-decoration: none;
   positon:relative;
   margin: 3px 20px 3px 20px;
   visibility:visible;
   font-size:small;
   font-weight: bold;
   width: 800px;
   z-index:1;
   clear:both;
}

.row {
   border: none;
   text-decoration: none;
   positon:relative;
   margin: 3px 20px 3px 20px;
   visibility:visible;
   font-size:x-small;
   width: 800px;
   z-index:1;
   text-align: justify;
   clear:both;
}

.rowPopup {
   border: none;
   text-decoration: none;
   text-align: center;
   positon:relative;
   margin: 3px 20px 3px 20px;
   visibility:visible;
   font-size:x-small;
   z-index:1;
   clear:both;
}

/*==============================================*/
/* Applicable to a SPAN tag to be used in a row */
/*==============================================*/

.label {
   position: relative;
   text-align: right;
   vertical-align: baseline;
   padding-right: 15px;
   left: 0px;
   font-weight: bold;
   width: 50%;
   z-index:1;
   font-size: xx-small;
   float:left;
}

.field {
   vertical-align: baseline;
   position: relative;
   font-size: xx-small;
   z-index:1;
   float:left;
}

.rteColumn {
   position: relative;
   text-align: left;
   vertical-align: top;
   padding-left: 15px;
   left: 0px;
   width: 570px;
   z-index:1;
   float:left;
}

.downalodColumn {
   position: relative;
   text-align: right;
   vertical-align: top;
   left: 570px;
   width: 230px;
   z-index:1;
   float:left;
}

.labelPopup {
   position: relative;
   vertical-align: baseline;
   font-weight: bold;
   z-index:1;
   font-size: xx-small;
   float:left;
}

.fieldPopup {
   vertical-align: baseline;
   position: relative;
   font-size: xx-small;
   z-index:1;  
   float:left;
}

.logo {
    text-align: center;
}
.logo img {
    border: 0px;
}
.logo.w3 {
    height: 31px;
    width: 88px;
}
.logo.validome {
    height: 39px;
    width: 97px;
}
@++
Immortal-PC

Commentaire de ImmortalPC le 21/03/2005 13:55:57

>Immortal-PC, tu n'as toujours pas compris. Index php fiat parti de la demo et n'est pas necessaire pour l'utilisation de conceptRTE.C'est juste un exemple."

Oui je sais mais les débutant utilisent les exemples, et écrire un exemple, c'est monter l'exemple.
Ceci est un exemple pour mettre du texte centré en gras.
Ex: <div align="center"><b>le texte</div></b>

L'exemple marche mais c'est n'importe quoi!!!

Donc meme si je comprends: "que ce site s'appele www.javascriptfr.com, et les gens sont interresse parce que le sujet est JAVASCRIPT et non pas PHP" je vais pas laisser écrire des conneries.
C'était pour t'aider que j'ai réécrit ta page.
@+

Commentaire de zrtpqsd le 14/04/2005 21:08:07

excusez-moi mais j'ai une question très bête à poser :
comment installe-t-on ce merveilleux éditeur , s'il vous plaît ?

Commentaire de zrtpqsd le 15/04/2005 08:58:05

Merci pour ta réponse rapide.
J'ai donc installé le dossier décompressé concepRTE sur mon site. C'est bien cela ?
Le seul textarea que j'ai sur mon site se trouve sur la création de newsletter, et lorsque je souhaite créer mon courrier il n'y a aucun changement actuellement.
Dois-je insérer quelque chose dans le code de ma newsletter ?
Merci encore pour ton aide !

Commentaire de zrtpqsd le 15/04/2005 10:34:58

Génial ! j'ai réussi la première partie.

Par contre je ne comprends pas l'histoire de l'élément hidden et effectivement c'est très important parce que pour le moment lorsque j'envoie la newsletter elle arrive vide.
Merci pour tes explications ! Avec une idiote comme moi je suis sûre qu'effectivement ça va aider tout le monde !

Commentaire de zrtpqsd le 15/04/2005 10:44:59

En fait j'utilise du php mais c'est un grand mot, j'utilise surtout un script de newsletter que j'ai trouvé sur "le site des zéros".
Je débute complètement en php et l'apprend à petit pas.
Alors je dois placer le code ci-dessous dans la même page où j'ai inséré le précédent ? Peux-tu me guider ? Je dois le plasser à quel endroit et de quelle manière ?
<input class="button"
type="button" value='Go' onclick=
"updateRTE('rte');taForm.conceptRTEvalue.value = taForm.rte.value;this.form.submit();">
<input type="hidden" name=
'conceptRTEvalue'>

Commentaire de zrtpqsd le 15/04/2005 10:54:26

Merci !
Je dois m'absenter pour récupérer mon fils au collège.

Au retour j'essaierai de mettre en pratique ton dernier message, et te tiendrai au courant du résultat.

A tout à l'heure !

Commentaire de metalsonic le 20/04/2005 11:34:46

Bonjour,

est-il possible de changer la taille de l'écriture dans l'éditeur conceptRTE ?

Merci

Commentaire de metalsonic le 20/04/2005 14:19:55

je me suis mal exprimé. dsl

Je voudrai savoir si c'est possible d'augenter la taille du texte au dela de 7. Donc modifier la liste déroulante pour avoir des tailles supérieurs.

Commentaire de Croquette007 le 30/05/2005 18:32:31

Bonjour,

C'est exactement ce que je cherche. Je créer sur mon site un Webmail qui utilise simplement la fonction php "mail()", mais je vais jusqu'au bout des choses, j'ai déjà intégré: champs Cc.. nom et email correspondante, ext, et je viens de changer le champs du message, qui était du texte brut Unicode UTF8, maintenant c'est du HTML, mais pour éviter au personne de coder leur message en HTML à chaque envois d'un email alors je veux intégrer un éditeur HTML RTE (Rich Text Editor) comme celui ci. Voici plusieurs heure que j'essai en vain de l'installer et j'ai beaucoup de male. Peut être que je me trompe et qu'il est impossible de l'utiliser comme simple éditeur HTML ?

Ce que j'essai de faire: Un champs de formulaire pour le contenu du message du mail, et que ce champs ai l'éditeur HTML intégré, et aussi qu'il est un nom, afin de récupérer son contenu dans ma deuxième page PHP pour l'envoyer.

Merci à tous de vos précieuse aides.
Bien Cordialement,
Croquette007.

Commentaire de Croquette007 le 13/06/2005 00:07:15

Merci   à toi Alain, c'est gentil.

Mais depuis je me suis un peut renseigner et j'ai trouver la véritable solution miracle !
Entre nous: y'a pas mieux que ce que j'ai trouver !

Donc voila: http://www.freetextbox.com/

C'est le même éditeur HTML qu'utilise Nix sur le forum des sites Codes Sources !!
Je ne l'ais pas encore installer mais je suppose que je n'aurais pas de problème, d'ailleurs Nix y est parvenu lui donc j'arriverais aussi ;)

Voila, merci en tout cas pour tout, bonne nuit et à bientôt !

Croquette.

Commentaire de alain34 le 17/06/2005 00:52:38

croquette007, il faut pas confondre le poulet et la choucroute.
conceptRTE est un Rich Text Editor, qui est plateforme independant. Il peut donc etre integre dans des applications web utilisant pure html, php, asp ou jsp.
freetextbox, est un editeur qui a plus de fonctionalite que conceptRTE, mais qui ne fonctionne qu'avec asp.net, et qui est limite a IE et mozilla en tant que navigateur.
C'est pas la meme chose!

Commentaire de Croquette007 le 17/06/2005 01:04:56

Ha bon ? je ne vais donc pas pouvoir l'installer sur une page HTML ou PHP ??
si c'est la cas je suis dégouté !

Mais dans ce cas aussi alors ton conceptRTE est génial !!!
te donnerais des nouvelles si je l'utilise pour mon soft de Mailer et te donnerais le lien.

++ bonne nuit :)

Commentaire de Jill12 le 17/06/2005 09:06:46

Juste un petit coucou en passant, cet éditeur est vraiment très très bien et très riche. J'utilise encore un petit éditeur limité à IE mais dès que j'aurais du temps j'essaierais de l'intégrer dans mon apli. Il est vrai que le code est très beau au point de vue structure mais très abstait aussi.
Jill12

Commentaire de Croquette007 le 17/06/2005 10:44:05

WWOUUAAAAAA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Génialllllll !!!! Je suis en plein rêve la !

Non il donne aussi des exemples complet, regarde, t'a pas cliquer la ou il faut: http://tinymce.moxiecode.com/example_full.php?example=true

Sinon, un petit code dans head et un autre la ou on veut l'afficher dans <body>... je crois que je suis en train de rêver !!!!

MERCIIIII !!!!

Bonne journée !! (la vache, j'en reviens pas, y'a même la fonction "Back" pour revenir en arrière au cas d'une mauvaise frappe !!)
++

Commentaire de alain34 le 27/06/2005 16:40:37

oui le code est fait de telle facon que c'est OS independant.
Si tu as des problemes avec ton email, peux tu donner plus d'informations a savoir le code html que tu veux utiliser et le client email que tu utilises.
As tu essaye d'autres client email.
contacte moi sur windows messenger avec velouria_uk@hotmail.com

Commentaire de alain34 le 15/07/2005 14:22:55

reponse a seb dudule:
- le bouton SUBMIT on peut le faire à notre sauce où faut respecter certaines propriétés !!!
<INPUT type=submit value="VALIDER"> ca passe ??? OUI, CE QUE TU VEUX
- et pour récupérer la valeur de la zone de texte, quel est son nom ?? $_POST["??????"] DANS LE CAS DE LA DEMO, UN CHAMPS "HIDDEN" EST UTILISE. LE NOM DE CE CHAMPS EST 'conceptRTEvalue' MAIS TU PEUX UTILISE LE CHAMPS QUE TU VEUX
- et pour finir, enregistre t il la forme du message ??? taille, police, gras, italique, etc ... OUI

Commentaire de Yoyo2B le 26/07/2005 15:06:42

Bonjour a tous.
Je tenais à te féliciter pour ton script que g utilisé pas mal de temps, mais g des besoins de plus en plus gros aussi j'avais commencé à refaire l'éditeur. Mais en retournant sur la (longue) liste de commentaires, g vu un lien vers TinyMCE ... et c vrai k'il est extraodinaire !! et gratuit !! mais (il manquait un mais !!) en php. Ok, le php c bien, mais moi je suis en asp. Donc, sois je me retape tout en asp (c pas super super long, mais bon, quand même c bien galère) soit il y aurait une sorte de bienfaiteur ki se serait déjà pris la tête avant moi et ce serait bien cool de me le dire :))

Koi k'il en soit, si personne l'a fait, je vais tenter le portage, et si je réussi, je poste. C vraiment un bon éditeur !!

Merci pour la source, les liens, etc....

happy coding :)

Commentaire de yoyojs le 14/10/2005 13:11:46

Salut Alain34
moi aussi je tiens à te féliciter non seulement pour les fonctionalités mais aussi pour la lisibilité du code, mais bon malgrès tout j'ai une question, puis je intégrer ton outil dans un site que je compte facturer à une société ?

Commentaire de Ronio le 07/03/2006 11:01:17

Salut :)
A quand la mise a jour pour PHP5 ?
car ca ne marche que pour php4....

MErci :)

Commentaire de alain34 le 24/05/2006 22:52:12

por répondre à Bohafid et Ronio, le code de conceptRTE est du javascript et cela n'a rien a voir avec php. La demo utilise php, mais il n'est pas nécessaire d'avoir PHP pour utiliser conceptRTE!

Commentaire de maxifilleuls le 30/06/2006 17:28:19

Bonjour,

Je voudrais savoir s'il est possible de limiter le nombre de caractères dans le textarea et si oui, comment le faire avec un script simple que l'on trouve sur le net et est-ce que les balises html seront également comptabilisées?

Merci d'avance.

Commentaire de alain34 le 04/07/2006 09:37:31

Pour repondre a pixyle, pour redimensioner l'image avec IE, tu n'as pas besoin d'utiliser de touche, il suffit d'utliser la souris et d'etirer l'un des huit carres blanc qui se trouve autours de l'image (IE 6).

Pour repondre a maxifilleuls, il n'est pas possible de limiter le nombre de caracteres dans la zone d'edition car cela limiterait le code html genere en arriere plan.

Pour repondre a malty, il ne sera pas possible d'utiliser rte sans modifier ton bouton. Par contre, il est difficile de te donner une bonne suggestion sans voir la totalite de ton code. Envoi moi un message avec l'url de ton formulaire, ou encore mieux ton code php!

Commentaire de byld le 04/07/2006 22:59:13

Malty: ton code n'est pas bon ici ou bien faute de frappe?
</td></tr></table></from>
c'est </form>!

Commentaire de maxifilleuls le 07/07/2006 20:08:28

Bonsoir,

Voila je voudrais mettre comme valeur par défaut dans le textarea ( writeRichText('rte', 'VALEUR_DEFAUT', 650, 500, true, false); ), une valeur d'un champ de formulaire ou le contenu d'une page déjà créée avec conceptRTE, est-ce possible et comment ? Merci.

Commentaire de webing_123 le 10/03/2007 00:35:41

Trés bon script merci et facilement adaptable pour base de données sql.

Un grand bravo.

Commentaire de bien2007 le 20/05/2007 23:32:49

bonjour grace à cet éditeur moi g créer un forum sur mon site
http://martin.jovial.ifrance.com/as/forum.php

Commentaire de aranum le 14/08/2007 09:51:36

j'aimerais votre aide
en effet j'ai repis le rte ci dessus e il fonctionne bien
mais le probleme c'est k lorsque je choisis une police ou une taille de caractere elle n apparait pas on dirait que du texte a ete marque en dur
exemple si j choisis times new roman dans la fenetre j'ai Style, il transmet que id
alors comment faire ????
s'il vous plais je suis a la boure par rapport a ca?

Commentaire de bbcluny le 12/11/2007 17:08:32

Bonjour,

est-il possible d'avoir un exemple tout simple d'utilisation de l'éditeur conceptRTE ?

Commentaire de Thienou le 06/12/2007 21:48:12

Pile poil ce qu'il me fallait, bravo.

Commentaire de Children le 16/03/2008 17:21:48

j'ai pas chercher assez longtemps, dsl pour ce post ^^

Commentaire de soundpanther le 17/04/2008 14:19:27

J'ai oublier la note

Commentaire de janetdream le 22/08/2008 19:28:19

Donc je donne la réponse ici, des fois que mon soucis interesse qqn. Alain34 m'a répondu par  mail que c'est le browser directement qui définit les balises html qu'on applique à notre texte. Il est donc impossible de les éditer.

Enfin pour flash je les éditer sois dans flash directement sois je developperais un editeur html très très basique...

Commentaire de michda le 09/11/2008 22:14:23

Bon cette serie de questions est vielle et en fait j'ai réussis à solutionner mon probleme : j'avasis enlevé stripslash mais ça ne fonctionnait tjrs pas, il fallait mettre addslash,
merci