[WikiListe] WikiWyg

walk at altern.org walk at altern.org
Dim 7 Sep 22:11:34 CEST 2003 

Salut !

Je repars à la charge pour faire un WikiWyg
(Wiki What you get c'est à dire qui ne passe pas pas un formulaire avec des
codes mais affiche directement un texte à la fois mis en forme et modifiable tel
quel (comme on l'obtient))

Ca marche nickel pour une page avec juste des textes mis en forme.
Un menu et le texte en-dessous prend la forme qu'on veut et la mise à jour est
faite par simple clic sur Enregistrer.

Par contre dès qu'il y  des liens dans le cadre wysiwyg (de mise en forme) ils
ne sont pas cliquables, et surtout ils sont faux.
J'ai mis en ligne une version avec deux parties: en bas le bidule qui marche, et
en haut la page correspondante où les liens sont cliquables, mais faux.

Question: Quelqu'un voit-il comment avoir des liens correct ?

http://wikistes.levillage.org/wikiwyg/index.php?title=essai

Pour la suite je tenterais de me débrouiller.

Merci !

Walk

Ci-desous les codes des deux pages actuelles du WikiWyg

------------------------------------
lire.php
-------------------------------------
<?php
$tableau = file($title.".wiki"); // conversion du fichier contenant les
citations en tableau
$total = count($tableau);       // nombre de citations (lignes)
for ($i = 0 ; $i<$total  ; $i++) {$contenu .= $tableau[$i];}
echo $contenu;
?>

------------------------------------
index.php
-------------------------------------
<html>
<head>
<title>WikiWyg</title>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<!-- Modification des Codes origine de IE Editor By Darren M. Death July 07 2002
http://www.asp101.com/articles/darren/wysiwyg/default.asp
Please feel free to use the on your web site but please send
me a link if you decide to use use it email: ddeath at dmad.net -->
<STYLE type=text/css>TABLE#window {
BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 1px; BORDER-TOP:
buttonhighlight 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT:
buttonhighlight 1px solid; COLOR: menutext; PADDING-TOP: 1px; BORDER-BOTTOM:
buttonshadow 1px solid; BACKGROUND-COLOR: buttonface
}
TABLE#toolBar0 {
BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 1px; BORDER-TOP:
buttonhighlight 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT:
buttonhighlight 1px solid; COLOR: menutext; PADDING-TOP: 1px; BORDER-BOTTOM:
buttonshadow 1px solid; BACKGROUND-COLOR: buttonface
}
TABLE#toolBar1 {
BORDER-RIGHT: buttonshadow 1px solid; PADDING-RIGHT: 1px; BORDER-TOP:
buttonhighlight 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT:
buttonhighlight 1px solid; COLOR: menutext; PADDING-TOP: 1px; BORDER-BOTTOM:
buttonshadow 1px solid; BACKGROUND-COLOR: buttonface
}
.btnCtrl {
BORDER-RIGHT: buttonface 1px solid; BORDER-TOP: buttonface 1px solid;
BORDER-LEFT: buttonface 1px solid; BORDER-BOTTOM: buttonface 1px solid; HEIGHT:
18px
}
</STYLE>

<SCRIPT language=JavaScript>
//----- Editor Initialization ------
window.onerror = handleErrors;

function handleErrors()
{
   //----- Used For Browsers That Don't Want To Behave -----
   return true;
}
var viewMode = 1;

function loadEditor()
{
  //----- Modify User Controls -----
  showWYSIWYGCtrl.style.display = 'none';
  hr6Ctrl.style.display = 'none';
  editbox.document.designMode="On";
}

function eButton(cmdButton, buttonval)
{
   //----- Controls Button Behaviors ------
   if (buttonval == "over")
   {
      cmdButton.style.backgroundColor = "threedhighlight";
      cmdButton.style.borderColor = "threeddarkshadow threeddarkshadow
threeddarkshadow threeddarkshadow";
   }
   else if (buttonval == "out")
   {
      cmdButton.style.backgroundColor = "threedface";
      cmdButton.style.borderColor = "threedface";
   }
   else if (buttonval == "down")
   {
      cmdButton.style.backgroundColor = "threedlightshadow";
      cmdButton.style.borderColor = "threedshadow threedshadow threedshadow
threedshadow";
   }
   else if (buttonval == "up")
   {
      cmdButton.style.backgroundColor = "threedhighlight";
      cmdButton.style.borderColor = "threedshadow threedshadow threedshadow
threedshadow";
      cmdButton = null;
   }
   else
   {
      return;
   }
}

function newDocument()
{
   //----- Creates An Empty Workspace ------
   if (editbox.document.body.innerHTML == "")
   {
      editbox.document.execCommand('refresh', false, null);
   }
   else
   {
      if (confirm("Enregistrer la page ?"))
      {
         //var saveInsructions = "Click the back eButton in your browser \n" +
                               "once your input has been saved inorder \n" +
                               "to continue using the editor.";
         //alert(saveInsructions)
         var dataRep = null;
         dataRep = document.body.all.submitData;
         dataRep.value = editbox.document.body.innerHTML;
         document.editor.submit();
         window.location.reload();
      }
      else
      {
         editbox.document.execCommand('refresh', false, null);
      }
   }
}

function saveDocument()
{
   //----- Saves User Input ------
   //==============================================
   //= To change the url that the editor posts to =
   //= change the action url in the form at the   =
   //= bottom of this page.                       =
   //==============================================
   if (editbox.document.body.innerHTML == "")
   {
      return;
   }
   else
   {
      if (confirm("Enregistrer la page ?"))
      {
         var dataRep = null;
         dataRep = document.body.all.submitData;
         dataRep.value = editbox.document.body.innerHTML;
         document.editor.submit();
      }
      else
      {
         return;
      }
   }
}

function tableDialog()
{
   //----- Creates A Table Dialog And Passes Values To createTable() -----
   var rtNumRows = null;
   var rtNumCols = null;
   var rtTblAlign = null;
   var rtTblWidth = null;

showModalDialog("wys/table.html",window,"status:false;dialogWidth:16em;dialogHei
ght:12em");
}

function createTable()
{
   //----- Creates User Defined Tables -----
   var cursor = editbox.document.selection.createRange();
   if (rtNumRows == "" || rtNumRows == "0")
   {
      rtNumRows = "1";
   }
   if (rtNumCols == "" || rtNumCols == "0")
   {
      rtNumCols = "1";
   }
   var rttrnum=1
   var rttdnum=1
   var rtNewTable = "<table border='1' align='" + rtTblAlign + "'
cellpadding='0' cellspacing='0' width='" + rtTblWidth + "'>"
   while (rttrnum <= rtNumRows)
   {
      rttrnum=rttrnum+1
      rtNewTable = rtNewTable + "<tr>"
      while (rttdnum <= rtNumCols)
      {
         rtNewTable = rtNewTable + "<td>&nbsp;</td>"
         rttdnum=rttdnum+1
      }
      rttdnum=1
      rtNewTable = rtNewTable + "</tr>"
   }
   rtNewTable = rtNewTable + "</table>"
   cursor.pasteHTML(rtNewTable);
   editbox.focus();
}

function foreColor()
{
   //----- Sets Foreground Color -----
   var fColor = showModalDialog("wys/color.html","","dialogWidth:140px;
dialogHeight:120px" );
   if (fColor != null)
   {
      editbox.document.execCommand("ForeColor", false, fColor);
   }
   editbox.focus();
}

function backColor()
{
   //----- Sets Background Color -----
   var bColor = showModalDialog("wys/color.html","","dialogWidth:140px;
dialogHeight:120px" );
   if (bColor != null)
   {
      editbox.document.execCommand("BackColor", false, bColor);
   }
   editbox.focus();
}

function eStat(status)
{
   //----- Updates Status Bar With Information -----
   var editStat = document.getElementById("editorStatus");
   editStat.innerHTML = status;
}

function modeSelect()
{
   //----- Changes Editor Mode -----
   var HTMLtitle
   var WYSIWYGtitle
   var editorTitle
   if(viewMode == 1)
   {
      //----- Convert WYSIWYG editor to HTML -----
      iHTML = editbox.document.body.innerHTML; editbox.document.body.innerText =
iHTML;
      HTMLtitle ="------ HTML ------ Convertisseur wysiwyg HTML-TEXTE
(navigateur IE)"; editorTitle = document.getElementById("editorTitle");
      editorTitle.innerHTML = HTMLtitle; document.title = "HTML";
      saveCtrl.style.display = 'none'; linkCtrl.style.display = 'none';
      lineCtrl.style.display = 'none'; tableCtrl.style.display = 'none';
      hr1Ctrl.style.display = 'none'; orderedCtrl.style.display = 'none';
      unorderedCtrl.style.display = 'none'; hr2Ctrl.style.display = 'none';
      strikeCtrl.style.display = 'none'; subCtrl.style.display = 'none';
      superCtrl.style.display = 'none'; hr3Ctrl.style.display = 'none';
      forecolorCtrl.style.display = 'none'; backcolorCtrl.style.display =
'none';
      hr4Ctrl.style.display = 'none'; indentCtrl.style.display = 'none';
      outdentCtrl.style.display = 'none'; hr5Ctrl.style.display = 'none';
      showWYSIWYGCtrl.style.display = 'inline'; hr6Ctrl.style.display =
'inline';
      toolBar1.style.display = 'none'; newCtrl.style.display = 'none';
      editbox.focus();
      viewMode = 2;
   }
   else
   {
      //----- Convert HTML editor to WYSIWYG -----
      iText = editbox.document.body.innerText; editbox.document.body.innerHTML =
iText;
      WYSIWYGtitle ="------ TEXTE ------ Convertisseur wysiwyg TEXTE-HTML
(navigateur IE)" ; editorTitle = document.getElementById("editorTitle");
      editorTitle.innerHTML = WYSIWYGtitle; document.title = "WYSIWYG"
      saveCtrl.style.display = 'inline'; linkCtrl.style.display = 'inline';
      lineCtrl.style.display = 'inline'; tableCtrl.style.display = 'inline';
      hr1Ctrl.style.display = 'inline'; orderedCtrl.style.display = 'inline';
      unorderedCtrl.style.display = 'inline'; hr2Ctrl.style.display = 'inline';
      strikeCtrl.style.display = 'inline'; subCtrl.style.display = 'inline';
      superCtrl.style.display = 'inline'; hr3Ctrl.style.display = 'inline';
      forecolorCtrl.style.display = 'inline'; backcolorCtrl.style.display =
'inline';
      hr4Ctrl.style.display = 'inline'; indentCtrl.style.display = 'inline';
      outdentCtrl.style.display = 'inline'; hr5Ctrl.style.display = 'inline';
      showWYSIWYGCtrl.style.display = 'none'; hr6Ctrl.style.display = 'none';
      toolBar1.style.display = 'inline'; newCtrl.style.display = 'inline';
      editbox.focus();
      viewMode = 1;
   }
}
</SCRIPT>

<META content="MSHTML 6.00.2719.2200" name=GENERATOR></HEAD>


<BODY onload=loadEditor()  TOPMARGIN='0' LEFTMARGIN='0' MARGINWIDTH='0'
MARGINHEIGHT='0'>

<?php
if ($ecrire) {
// echo "je suis en train d ecrire dans".$title." le contenu ".$submitData; //
POUR TEST
// if page existe pas, creer et mettre en chmod 666    // A FAIRE

     $aff = fopen($title.".wiki", "w+");
     $rs = fwrite($aff, "$submitData");
     fclose($aff);

     $aff = fopen($title.".txt", "w+");
     $rs = fwrite($aff, "$submitData");
     fclose($aff);
}
?>

<IFRAME width="100%" height=300 src='lire.php?title=<? echo $title;
?>'></IFRAME>
<!--hr>AFFICHE wiki<hr><IFRAME width="100%" height=300 src='<? echo $title;
?>.wiki'></IFRAME-->
<!--hr>AFFICHE txt<hr><IFRAME width="100%" height=300 src='<? echo $title;
?>.txt'></IFRAME-->


<!-- /////////////     MENU MODIFIER /////////////////////  -->
<TABLE id=window
style="BORDER-RIGHT: #c0c0c0 1px solid; BORDER-TOP: #c0c0c0 1px solid;
BORDER-LEFT: #c0c0c0 1px solid; BORDER-BOTTOM: #c0c0c0 1px solid;
BORDER-COLLAPSE: collapse"
cellSpacing=0 cellPadding=0 align=center border=1 width="100%">
<TBODY>
<TR><TD>
 <TABLE id=toolBar cellSpacing=0 cellPadding=0 width="100%">
        <TBODY>
        <TR>
          <TD vAlign=top borderColor=#1a50b8 width="5%" bgColor=#1a50b8>
 <IMG alt="IE HTML Editor" hspace=1 src="wys/icon.gif" align=top vspace=1> </TD>
          <TD vAlign=top borderColor=#1a50b8 width="95%" bgColor=#1a50b8><B>
  <FONT face=Arial color=#ffffff size=2>
            <DIV id=editorTitle style="POSITION: relative; TOP: 4px">
  WikiWyg - MODIFIER CI-DESSOUS LA PAGE AFFICHEE CI-DESSUS, PUIS CLIC SUR
ENREGISTRER
            </DIV></FONT></B>
 </TD></TR></TBODY>
 </TABLE>
</TD></TR>
<TR><TD>

     <TABLE id=toolBar0 cellSpacing=0 cellPadding=0>
        <TBODY>
        <TR vAlign=center>

          <TD>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD id=showWYSIWYGCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Convertir en TEXTE.');"
            onclick=modeSelect();
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Convertir en TEXTE" hspace=1 src="wys/mode.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD id=hr6Ctrl>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD id=newCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Crée une page vierge.');"
            onclick="newDocument(); editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG alt=Nouveau
            hspace=1 src="wys/new.gif" align=absMiddle vspace=1>
            </DIV></TD>



          <TD id=saveCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Enregistre la page.');"
            onclick=saveDocument();
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
alt=Enregistrer
            hspace=1 src="wys/save.gif" align=absMiddle vspace=1>
            </DIV></TD>


          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Imprime la page.');"
            onclick="editbox.document.execCommand('print', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
alt=Imprimer
            hspace=1 src="wys/print.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Couper la sélection.');"
            onclick="editbox.document.execCommand('cut', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG alt=Couper
            hspace=1 src="wys/cut.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Copier la sélection.');"
            onclick="editbox.document.execCommand('copy', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG alt=Copier
            hspace=1 src="wys/copy.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Coller la sélection
coupée ou copiée avant.');"
            onclick="editbox.document.execCommand('paste', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG alt=Coller
            hspace=1 src="wys/paste.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD id=linkCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down'); "
            onmouseover="eButton(this, 'over'); eStat('Insére un lien.');"
            onclick="editbox.document.execCommand('createLink');
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG alt="Insère
lien"
            hspace=2 src="wys/link.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD id=lineCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Insère une ligne
horizontale.');"
            onclick="editbox.document.execCommand('InsertHorizontalRule', false,
null); editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG alt="Insère
ligne"
            hspace=2 src="wys/line.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD id=tableCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Insère une table définie
auparavant.');"
            onclick=tableDialog();
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG alt="Insère
Table"
            hspace=2 src="wys/table.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD id=hr1Ctrl>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD id=orderedCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Insère une liste
numérotée.');"
            onclick="editbox.document.execCommand('insertorderedlist', false,
null); editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Liste numérotée" hspace=2 src="wys/numlist.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD id=unorderedCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Insère une liste à
bulles.');"
            onclick="editbox.document.execCommand('insertunorderedlist', false,
null); editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Liste à bulles" hspace=2 src="wys/bullist.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD id=hr2Ctrl>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD id=strikeCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Barre les caractères de
la selection.');"
            onclick="editbox.document.execCommand('StrikeThrough', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Barre les caractères" hspace=2 src="wys/strike.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD id=subCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Mets en indice la
sélection.');"
            onclick="editbox.document.execCommand('SubScript', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="En indice" hspace=2 src="wys/subscript.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD id=superCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Mets en exposant la
sélection.');"
            onclick="editbox.document.execCommand('SuperScript', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="En exposant" hspace=2 src="wys/superscript.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD id=hr3Ctrl>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD id=forecolorCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Choisir la couleur de
police de la sélection.');"
            onclick=foreColor();
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Couleur de police" hspace=2 src="wys/fgcolor.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD id=backcolorCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Choisir la couleur de
fond de la sélection.');"
            onclick=backColor();
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Couleur de fond" hspace=2 src="wys/bgcolor.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD id=hr4Ctrl>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD id=indentCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Tabule à droite la
sélection.');"
            onclick="editbox.document.execCommand('indent', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Tabule" hspace=2 src="wys/inindent.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD id=outdentCtrl>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Détabule à gauche la
sélection.');"
            onclick="editbox.document.execCommand('outdent', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Détabule" hspace=2 src="wys/deindent.gif"
            align=absMiddle vspace=1> </DIV></TD>


          <TD id=hr5Ctrl>
            <HR width=1 noShade SIZE=17>
          </TD>


 </TR>
        </TBODY>
     </TABLE>

     <TABLE id=toolBar1 cellSpacing=0 cellPadding=0>
        <TBODY>
        <TR vAlign=center>

          <TD>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Convertir en HTML.');"
            onclick=modeSelect();
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Convertir en HTML" hspace=1 src="wys/mode.gif"
            align=absMiddle vspace=1> </DIV></TD>


          <TD>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD>&nbsp; <SELECT
            onmouseover="eStat('Changes the current selections heading type.');"
            onmouseout="eStat('&nbsp;');"
            onchange="editbox.document.execCommand('formatBlock', false,
this[this.selectedIndex].value); editbox.focus();">
 <OPTION selected>Style</OPTION>
 <OPTION value=Normal>Normal</OPTION>
 <OPTION value="Heading 1">Titre 1</OPTION>
 <OPTION value="Heading 2">Titre 2</OPTION>
 <OPTION value="Heading 3">Titre 3</OPTION>
 <OPTION value="Heading 4">Titre 4</OPTION>
 <OPTION value="Heading 5">Titre 5</OPTION>
 <OPTION value=Address>Addresse</OPTION>
 <OPTION value=Formatted>Formatté</OPTION>
 <OPTION value="Definition Term">Definition</OPTION></SELECT> </TD>
          <TD>&nbsp; <SELECT
            onmouseover="eStat('Changes the current selections font type.');"
            onmouseout="eStat('&nbsp;');"
            onchange="editbox.document.execCommand('fontname', false,
this[this.selectedIndex].value); editbox.focus();">
              <OPTION selected>Police</OPTION>
 <OPTION value=Arial>Arial</OPTION>
 <OPTION value="Arial Black">Arial Black</OPTION>
 <OPTION value="Arial Narrow">Arial Narrow</OPTION>
 <OPTION value="Comic Sans MS">Comic Sans MS</OPTION>
 <OPTION value="Courier New">Courier New</OPTION>
 <OPTION value=System>System</OPTION>
 <OPTION value=Tahoma>Tahoma</OPTION>
 <OPTION value="Times New Roman">Times New Roman</OPTION>
 <OPTION value=Verdana>Verdana</OPTION>
 <OPTION value=Wingdings>Wingdings</OPTION></SELECT> </TD>
          <TD>&nbsp; <SELECT
            onmouseover="eStat('Changes the current selections font size.');"
            onmouseout="eStat('&nbsp;');"
            onchange="editbox.document.execCommand('fontsize', false,
this[this.selectedIndex].value); editbox.focus();">

 <OPTION selected>Taille</OPTION>
 <OPTION value=1>1</OPTION>
 <OPTION value=2>2</OPTION>
 <OPTION value=3>3</OPTION>
 <OPTION value=4>4</OPTION>
 <OPTION value=5>5</OPTION>
 <OPTION value=6>6</OPTION>
 <OPTION value=7>7</OPTION>
 <OPTION value=8>8</OPTION>
 <OPTION value=10>10</OPTION>
 <OPTION value=12>12</OPTION>
 <OPTION value=14>14</OPTION></SELECT>&nbsp;&nbsp; </TD>

          <TD>
            <HR width=1 noShade SIZE=17>
          </TD>

          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Mets en gras la
sélection.');"
            onclick="editbox.document.execCommand('bold', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG alt=Gras
            hspace=1 src="wys/bold.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Mets en italique la
sélection.');"
            onclick="editbox.document.execCommand('italic', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
alt=Italique
            hspace=1 src="wys/italic.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Souligne la
sélection.');"
            onclick="editbox.document.execCommand('underline', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt=Souligne hspace=1 src="wys/under.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD>
            <HR width=1 noShade SIZE=17>
          </TD>
          <TD>

            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Aligne à gauche la
sélection.');"
            onclick="editbox.document.execCommand('justifyleft', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Justifie Gauche" hspace=1 src="wys/left.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Aligne au centre la
sélection.');"
            onclick="editbox.document.execCommand('justifycenter', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG alt=Center
            hspace=1 src="wys/center.gif" align=absMiddle vspace=1>
            </DIV></TD>

          <TD>
            <DIV onmouseup="eButton(this, 'up');" class=btnCtrl
            onmousedown="eButton(this, 'down');"
            onmouseover="eButton(this, 'over'); eStat('Aligne à droite la
sélection.');"
            onclick="editbox.document.execCommand('justifyright', false, null);
editbox.focus();"
            onmouseout="eButton(this, 'out'); eStat('&nbsp;');"><IMG
            alt="Justifie Droite" hspace=1 src="wys/right.gif"
            align=absMiddle vspace=1> </DIV></TD>

          <TD>
            <HR width=1 noShade SIZE=17>
          </TD>
 </TR>
        </TBODY>
     </TABLE>

</TD></TR>
<!-- /////////////     FIN - MENU MODIFIER /////////////////////  -->

<TR>
<TD>

<IFRAME id=editbox width="100%" height=300 src='lire.php?title=<? echo $title;
?>'></IFRAME>
</TD></TR>
</TBODY>
</TABLE>

<FORM name="editor" onsubmit=submitForm(); action="index.php?title=<? echo
$title; ?>&ecrire=ok" method="post">
<INPUT type="hidden" id="submitData" name="submitData">
</FORM>

</body>
</html>

Plus d'informations sur la liste de diffusion wiki