Re: [Devel] Intégration de TinyMCE

["Erwan L." <air1 AT imaginair.net>]

Salut,

Voici le patch pour l'intégration de TinyMCE + correction de xhtml dans
infos.php + correction du style de <code>

Tinymce est à récupérer à l'adresse suivante :
http://www.imaginair.net/tmp/tinymce.zip
(mettez le dossier tiny_mce/ dans trunk/)

++

-- 
Erwan

Index: submit.php
===================================================================
--- submit.php  (revision 372)
+++ submit.php  (working copy)
@@ -66,7 +66,7 @@
   $error_cnt = 0;
 
   $title = stripslashes(strip_tags($title));
-  $description = stripslashes(strip_tags($description, 
"<p><b><i><br/><a><ul><li><ol>"));
+  $description = stripslashes(strip_tags($description, 
"<p><strong><em><br/><a><ul><li><ol><b><i>"));
   $city = stripslashes(strip_tags($city));
   $url = stripslashes(strip_tags($url));
   $contact = stripslashes(strip_tags($contact));
Index: calendar.css
===================================================================
--- calendar.css        (revision 372)
+++ calendar.css        (working copy)
@@ -54,7 +54,6 @@
 }
 
 code {
-       font-size: 0.8em;
        font-family: monospace;
 }
 
@@ -117,6 +116,14 @@
 .main p {      margin: 15px 0px; line-height: 1.3em;}
 
 .main pre {  text-align: left; background: #eeeeee; overflow: auto; width: 
60%; margin: auto; }
+
+.toggleeditor_link {
+       margin-top: 0;
+       text-align: right !important;
+       font-size: 0.8em;
+       width: 650px;
+}
+
 /* Info box rss/ical */
 #important {
        position: absolute;
@@ -448,4 +455,4 @@
           padding: 1em;
           margin: auto;
           margin-bottom: 10px;
-}
\ No newline at end of file
+}
Index: infos.php
===================================================================
--- infos.php   (revision 372)
+++ infos.php   (working copy)
@@ -41,7 +41,7 @@
  <li><a href="#historique">Historique</a></li>
 </ul>
 
-<a name="pourquoi"></a>
+<a id="pourquoi"></a>
 <h3>Pourquoi ?</h3>
 
 <p>Auparavant, le site <a
@@ -55,7 +55,7 @@
 même idée : un simple agenda des manifestations autour du
 Logiciel Libre.</p>
 
-<a name="comment"></a>
+<a id="comment"></a>
 <h3>Commment ?</h3>
 
 <p>Le site de l'<a href="http://www.agendadulibre.org";>Agenda du
@@ -74,7 +74,7 @@
 (<a
 
href="http://www.toulibre.org/cgi-bin/mailman/listinfo/devel";>inscription</a>).</p>
 
-<a name="faq"></a>
+<a id="faq"></a>
 <h3>F.A.Q: Questions fréquemment posées</h3>
 
 <ol>
@@ -176,7 +176,7 @@
 
 </ol>
 
-<a name="contrib"></a>
+<a id="contrib"></a>
 <h3>Contributeurs et auteurs</h3>
 
 <ul>
@@ -187,7 +187,7 @@
  <li>Erwan Lehérissé, pour la CSS et la <i>favicon</i></li>
 </ul>
 
-<a name="moderateurs"></a>
+<a id="moderateurs"></a>
 <h3>Modérateurs</h3>
 
 <p>Pour l'heure, l'équipe de modération est constituée de (par ordre 
alphabétique):</p>
@@ -206,7 +206,7 @@
 <p>Vous pouvez contacter les modérateurs en utilisant l'adresse
 <code>moderateurs AT agendadulibre.org</code>.</p>
 
-<a name="autres-utilisateurs"></a>
+<a id="autres-utilisateurs"></a>
 <h3>Autres utilisateurs</h3>
 
 <p>Bien que le logiciel faisant fonctionner l'Agenda du Libre soit
@@ -227,7 +227,7 @@
 
 </ul>
 
-<a name="historique"></a>
+<a id="historique"></a>
 <h3>Historique</h3>
 
 <ul>
Index: funcs.inc.php
===================================================================
--- funcs.inc.php       (revision 372)
+++ funcs.inc.php       (working copy)
@@ -87,6 +88,50 @@
    echo $jscriptcode;
 ?>
 
+<!--TINY MCE-->
+       <script  type="text/javascript" src="tiny_mce/tiny_mce.js"></script>
+       <script type="text/javascript">
+       tinyMCE.init({/**/
+               theme : "advanced",
+               mode : "exact",
+               language : "fr",
+               elements : "__event_description",
+               plugins : "inlinepopups",
+               theme_advanced_buttons1 : 
"bold,italic,separator,bullist,numlist,separator,link,unlink,separator,undo,redo,separator,removeformat",
+               theme_advanced_buttons2 : "",
+               theme_advanced_buttons3 : "",
+               theme_advanced_toolbar_location : "top",
+               theme_advanced_resizing : true,
+               theme_advanced_resize_horizontal : false,
+               theme_advanced_statusbar_location : "bottom",
+               debug : false,
+               entity_encoding : "raw",
+               valid_elements : "" +
+"+a[rel|href|title]," + 
+"-strong/-b," + 
+"-em/-i," + 
+"#p[]," + 
+"-ol[]," + 
+"-ul[]," + 
+"-li[]," + 
+ "br,"
+       });
+       
+function toggleEditor() {
+       if (!tinyMCE.getInstanceById('__event_description'))
+       {
+               tinyMCE.execCommand('mceAddControl', false, 
'__event_description');
+               document.getElementById('togglegeditor_text').innerHTML = 
'Désactiver ';
+       }
+       else
+       {
+               tinyMCE.execCommand('mceRemoveControl', 
false,'__event_description');
+               document.getElementById('togglegeditor_text').innerHTML = 
'Activer      ';
+       }
+}
+
+       </script>
+<!--/TINY MCE-->
 </head>
 
 <?php
@@ -781,7 +826,7 @@
                     $submitter, $tags, $wants_preview = FALSE)
 {
   $title       = escape_form_string($title);
-  $description = escape_form_string($description, 
"<p><b><i><br/><a><ul><li><ol>");
+  $description = escape_form_string($description, 
"<p><strong><em><br/><a><ul><li><ol><b><i>");
   $city        = escape_form_string($city);
   $url         = escape_form_string($url);
   $contact     = escape_form_string($contact);
@@ -827,7 +872,9 @@
     <b>Décrivez de la manière la plus complète possible votre 
évènement.</b><br/>
     <i>Les balises HTML autorisées sont &lt;p&gt;, &lt;b&gt;, &lt;i&gt;, 
&lt;ul&gt;, &lt;ol&gt;, &lt;li&gt;, &lt;br/&gt;, &lt;a&gt;. Merci d'utiliser 
ces balises pour formater la description de votre évènement.</i><br/>
     <i>Veillez à utiliser les balises <code>&lt;p&gt;</code> pour formater 
les paragraphes, et non la balise &lt;br/&gt;.</i><br/>
-    <textarea rows="25" cols="90" name="__event_description"><?php echo 
$description;?></textarea><br/><br/>
+    <textarea rows="25" cols="90" name="__event_description" 
id="__event_description"><?php echo $description;?></textarea>
+    <p class="toggleeditor_link"><a href="javascript:toggleEditor()"><span 
id="togglegeditor_text">Désactiver</span> l'éditeur visuel</a></p>
+    <br/>
    </td>
   </tr>