Partage
  • Partager sur Facebook
  • Partager sur Twitter

Utiliser Concept RTE

    8 mai 2006 à 11:49:03

    Salut a tous,

    Voila je voudrai mettre un editeur wysiwyg sur mon site afin que mes newsers puisse faire des news rapidement et sans trop de problemes. Je voulait utiliser Concept RTE qui est a la foix assez complet et qui passe sur tout les navigateurs. Vous pouvez le telecharger <lien url="http://www.conceptuel.co.uk/index.php?transaction=download&categorie=90&language=EN&idDownload=1">ici</lien>

    Seulement ce programme est incroyableent compliqué et je n'arrive vraiment pas a l'inclure sur ma page web. De plus il ouvre le resultat dans un pop up mais je ne trouve pas ou le modifier pour qu'il renvoie le tout dans uen variable.

    Je vous file le code mais je vous conseille de le telecharger parcequ'il y a un peu de tout.

    D'avance merci

    <?

    $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 "<html>";
    echo "<head>";
    echo "<title>ConceptRTE Demo - Rich Text Editor</title>";
    echo "<script language='JavaScript' type='text/javascript' src='conceptRTE.js'></script>";
    echo "<link rel='STYLESHEET' type='text/css' href='style.css'>";
    echo "</head>";
    echo "<body>";

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

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

    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'>Cross-Browser Rich Text Editor</a> written by Kevin Roth.</div>";
          echo "<div class=row>&nbsp;</div>";
          echo "<div class=row><a href='http://www.conceptuel.co.uk/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>";
          echo "<div class=row>&nbsp;</div>";
          echo "<div class=row>ConceptRTE is a sub-project for the Content Management System <a href='http://www.conceptuel.co.uk'>ConceptCMS</a>. ConceptCMS needed a WYSIWYG editor to replace the standard textarea form tag.</div>";
          echo "<div class=row>Kevin Roth's work was the best option for ConceptCMS, but some additional features were required to fit properly.</div>";
          echo "<div class=row>&nbsp;</div>";
          echo "<div class=row>Additional features :</div>";
          echo "<div class=row>- Improved compatibility (100%) of the editor with Internet Eplorer and Mozilla/Firefox (Version 1.02)</div>";     
          echo "<div class=row>- Use of pop-up window to select and preview links for the A tag (Version 1.02)</div>";     
          echo "<div class=row>- Use of pop-up window to select and preview images for the IMG tag (Version 1.01)</div>";
          echo "<div class=row>- Multi language support (Version 1.00)</div>";
          echo "<div class=row>- Insertion of graphical Smiley (Version 1.00)</div>";
          echo "<div class=row>- Use of pop-up window to select Foreground and Background Colors (Version 1.00)</div>";
          echo "<div class=row>&nbsp;</div>";
          echo "<div class=row>However,a number a feature were not required and have been removed:</div>";
          echo "<div class=row>- Spell Checker</div>";
          echo "<div class=row>- HTML code view</div>";
          echo "<div class=row>&nbsp;</div>";
          echo "<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>";     
          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'>Cross-Browser Rich Text Editor</a> de Kevin Roth.</div>";
          echo "<div class=row>&nbsp;</div>";
          echo "<div class=row><a href='http://www.conceptuel.co.uk/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>";
          echo "<div class=row>&nbsp;</div>";
          echo "<div class=row>ConceptRTE est un sous-project de l'outil de gestion de contenu <a href='http://www.conceptuel.co.uk'>ConceptCMS</a>. ConceptCMS nécessitait un éditeur HTML de type WYSIWYG pour simplifier la gestion des pages de données.</div>";
          echo "<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>";
          echo "<div class=row>&nbsp;</div>";
          echo "<div class=row>Améliorations apportées :</div>";
          echo "<div class=row>- Mise a jour de ConceptRTE pour ameliorer la compatibilite sur Internet Explorer et Mozilla/Firefox (Version 1.02)</div>";     
          echo "<div class=row>- Utilisation de fenêtre pop-up pour choisir et pré-visualiser les liens pour la balise A (Version 1.02)</div>";     
          echo "<div class=row>- Utilisation de fenêtre pop-up pour choisir et pré-visualiser les images pour la balise IMG (Version 1.01)</div>";
          echo "<div class=row>- Support de plusieurs langues (Version 1.00)</div>";
          echo "<div class=row>- Possibilité d'insérer des émoticons (Version 1.00)</div>";
          echo "<div class=row>- Utilisation de fenêtre pop-up pour choisir la couleur du texte et la couleur de fond (Version 1.00)</div>";
          echo "<div class=row>&nbsp;</div>";
          echo "<div class=row>D'un autre coté, certaines fonctions n'ont pas été utile et ont été supprimé:</div>";
          echo "<div class=row>- Correction d'ortographe</div>";
          echo "<div class=row>- Visualisation du code HTML</div>";
          echo "<div class=row>&nbsp;</div>";
          echo "<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>";     
          break;
       }

    echo "<div class=row>&nbsp;</div>";

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

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

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

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

    $content = RTESafe($conceptRTEvalue);

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

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

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

    echo "<span class=downloadColumn>";
    echo "<a href='http://www.conceptuel.co.uk/index.php?transaction=download&categorie=90&language=EN&categorieClicked=90'>";
    switch ($language) {
       case 'EN' :
       echo "Download ConceptRTE";
       break;
       case 'FR' :
       echo "Télécharger ConceptRTE";
       break;
       }
    echo "&nbsp;&nbsp;&nbsp;&nbsp;<img src='zip.gif' align=middle></a>";
    echo "</span>";
    echo "</div>";

    echo "<div class=row>&nbsp;</div>";
    echo "<div class=row>";
    switch ($language) {
       case 'EN' :
          echo "<span class=label>Click Submit to show the created document:</span>";
          echo "<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.submit();\"></span>";
          break;
       case 'FR' :
          echo "<span class=label>Cliquez sur Go pour voir le document cree:</span>";
          echo "<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.submit();\"></span>";
          break;
       }
    echo "</div>";

    echo "<input type=hidden name='action'>";
    echo "<input type=hidden name='language' value='$language'>";
    echo "<input type=hidden name='conceptRTEvalue'>";
    echo "</form>";
    echo "</body>";
    echo "</html>";

    //============================================================================//
    // 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>";
       echo "parameter = 'toolbar=no,menubar=no,location=no,resizable=no,status=no,scrollbars=yes,height=400,width=800,left=150,top=150';";
       echo "OpenWin = this.open('$fileName', 'conceptRTEpopUp', parameter);";
       echo "</script>";
       }

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

    function RTESafe($strText) {
            $tmpString = trim($strText);
       if ($tmpString == "") {
          $tmpString = "<P class=MsoNormal style=\"MARGIN: 0cm 0cm 0pt\"></P>";
          }

            //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;
    }
    ?>


    Euh si un modo pouvait deplacer mon topic je me suis planté, il va dans PHP. Merci
    • Partager sur Facebook
    • Partager sur Twitter

    Vi veri, Veni versum, Vivus vici

    Anonyme
      8 mai 2006 à 13:50:59

      ca serait pas plus simple ca par hasard ?
      c'est clair, pas de galere de php, juste un petit peu de js a mettre pour que ca marche, bref que du bonheur
      • Partager sur Facebook
      • Partager sur Twitter
        8 mai 2006 à 21:23:06

        ah oui en effet c'est carrement mieu je note sauf qu'il reste un souci on ne peu pas changer de couleur et on ne peu pas inserer de smiley mais merci quand meme je vais utiliser ca si quelqu'un connait un programme aussi simple et qui gere les couleurs et les smileys je suis preneur.
        Merci d'avance
        • Partager sur Facebook
        • Partager sur Twitter

        Vi veri, Veni versum, Vivus vici

          9 mai 2006 à 18:23:51

          FCK editor et un rien lourd avec un rien plus de fonction a utiliser. En lus il est tres difficile a inclure dans une page php car il est bourré de frame
          • Partager sur Facebook
          • Partager sur Twitter

          Vi veri, Veni versum, Vivus vici

            9 mai 2006 à 18:28:37

            Et pourquoi ne tente tu pas d'en faire un avec php
            • Partager sur Facebook
            • Partager sur Twitter
              9 mai 2006 à 18:36:17

              Perso j'utilise Tinymce qui visuellement est copie conforme de RTE. Très facile à utiliser puisqu'il suffit d'inclure un javascript dans la page concerné ( ca m'etonne que ca soit pas le cas pour rte)
              • Partager sur Facebook
              • Partager sur Twitter
              Anonyme
                9 mai 2006 à 18:58:15

                le probleme de Tinymce et que le filemanager est payant :/
                • Partager sur Facebook
                • Partager sur Twitter
                  9 mai 2006 à 19:00:22

                  Il est vrai que le file manager est payant mais soyons objectif ,s'est vraiement un "gadget" pas indispensable du tout.
                  Sauf bien entendu si les différent newser n'on pas accès au ftp
                  • Partager sur Facebook
                  • Partager sur Twitter
                  Anonyme
                    9 mai 2006 à 19:33:14

                    c'est un peu mon cas, j'aimerai un systeme de browse pour permettre à l'utilisateur d'ajouter les images qui sont deja uploadé sur le site...

                    ca existe ? Facile a faire?
                    • Partager sur Facebook
                    • Partager sur Twitter
                      9 mai 2006 à 22:27:10

                      Moi je vous conseille Fckeditor , je le trouve super et il est trés façile à intégrer dans une page php , trés complet (upload d'image , tableaux ,flash,smilies,source,bcp de fonctions), et trés simple (un peu lourd mais y'a plein de fichiers inutiles à supprimer) contactez moi en mp si vous voulez la soluce pour l'integrer

                      Fckeditor ------------------->
                      Image utilisateur


                      • Partager sur Facebook
                      • Partager sur Twitter
                        11 mai 2006 à 15:42:43

                        remonte petit topic :p

                        Quelqu'un sait comment integrer FCKeditor??
                        • Partager sur Facebook
                        • Partager sur Twitter

                        Vi veri, Veni versum, Vivus vici

                        Anonyme
                          22 mai 2006 à 16:04:31

                          ben finalement j'ai reussi a le faire.

                          c'est quoi que tu n'arrive pas?

                          1 :


                          <script type="text/javascript" src="fckeditor.js"></script>
                          <script type="text/javascript">
                                window.onload = function()
                                {
                                  var oFCKeditor = new FCKeditor( 'txt_form' ) ;
                                  oFCKeditor.BasePath = "" ;
                                          oFCKeditor.Width = "91%" ; // 80 percent
                                  oFCKeditor.ReplaceTextarea() ;
                                }
                          </script>



                          <div id="contenu">

                                  <form action="bla.php" enctype="multipart/form-data"  method="post">


                          <textarea id="txt_form" name="txt_form">$texte_cookie</textarea>

                                  </form>
                          </div>


                          ou 2 :


                          <div id="contenu">

                                  <form action="bla.php" enctype="multipart/form-data"  method="post">

                          <p>Texte :
                          <script type="text/javascript">
                            var oFCKeditor = new FCKeditor('txt_form');
                            oFCKeditor.BasePath = "";
                            oFCKeditor.Value = "$texte_cookie";
                            oFCKeditor.Width = "91%" ; // 80 percent
                            oFCKeditor.Create();
                          </script>

                                  </form>
                          </div>
                          • Partager sur Facebook
                          • Partager sur Twitter
                            17 janvier 2007 à 13:00:22

                            Citation : lagrangemartin

                            Moi je vous conseille Fckeditor , je le trouve super et il est trés façile à intégrer dans une page php , trés complet (upload d'image , tableaux ,flash,smilies,source,bcp de fonctions), et trés simple (un peu lourd mais y'a plein de fichiers inutiles à supprimer) contactez moi en mp si vous voulez la soluce pour l'integrer

                            Fckeditor ------------------->

                            Image utilisateur





                            Upload d'image en version payante malheureusement
                            • Partager sur Facebook
                            • Partager sur Twitter

                            Utiliser Concept RTE

                            × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
                            × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
                            • Editeur
                            • Markdown