<form action="{ACTION}" method="post" name="form">
                                <a href="javascript:bCode('<gras>', '</gras>')">Gras</a>
                                <fieldset>
                                        <legend>Ma news</legend>
                                        <input type="hidden" name="pseudo" value="{PSEUDO}" /><br />
                                        <label>Titre</label><input type="text" name="titre" value="{TITRE}" /><br />
                                        <label>Contenu</label><textarea class="form_norm" name="msg" id="msg">{MSG}</textarea><br />
                                </fieldset>
                               
                                <input name="auto" id="auto" type="checkbox" onclick="automatique() " />
                               
                                <fieldset>
                                        <legend>Previsualisation du resultat</legend>
                                        <div style="border: 1px dashed #000000; padding: 0.2em; height: 200px; overflow: auto; width: 19%;" align="left" id="prev"></div>
                                </fieldset>

                                <div class="send">
                                        <input class="input_submit" type="button" value="Prévisualiser" onclick="previsualisation();return(false)" /><br />
                                        <input class="input_submit" type="submit" name="ajouter" value="Ajouter" />
                                </div>
                        </form> 

var timer = 0;
var ptag = String.fromCharCode(5,6,7);

//Active la previsualisation du text
function previsualisation()
{
        output = document.form.msg.value
        output = code_to_html(output)
       
        if (document.getElementById) document.getElementById("prev").innerHTML = output
               
        if (document.form.auto.checked) timer = setTimeout(previsualisation, 1)
        /* le "1" est le temps que met le texte à s'afficher, "1" : le texte s'affichera en même temps que l'on écrit (en s) */
}

function automatique()
{
        if (document.form.auto.checked) previsualisation() // si on a cocher la case d'aperçu automatique
}

function code_to_html(output)
{
        output = nl2khol(output)
       
        // balise Gras
        output = deblaie(/(\<\/gras\>)/g, output)
        output = remplace_tag(/\<gras\>(.+)\<\/gras\>/g,'<strong>$1</strong>', output)
        output = remblaie(t)

        // balise Italic
        output = deblaie(/(\<\/italic\>)/g, output)
        output = remplace_tag(/\<italic\>(.+)\<\/italic\>/g,'<em>$1</em>', output)
        output = remblaie(t)

        // balise Image
        output = deblaie(/(\<\/image\>)/g, output)
        output = remplace_tag(/\<image\>(.+)\<\/image\>/g,'<img src="$1" alt="" />', output)
        output = remblaie(t)

        // balise URL   
        output = deblaie(/(\<\/url\>)/g, output)
        output = remplace_tag(/\<\url=([\s\S]*?)\>(.+)\<\/url\>/g,'<a href="$1" target="_blank">$2</a>', output)
        output = remblaie(output)
       
        return output
}

// tout le code qui suit c'est pour transformer toutes les balises, comme les preg_replace en PHP -->
function deblaie(reg, output)
{
        textarea = new String(output);
       
        return textarea.replace(reg, '$1\n');
}

function remblaie(output)
{
        textarea = new String(output);
       
        return textarea.replace(/\n/g, '');
}

function remplace_tag(reg, rep, output)
{
        textarea = new String(output);
       
        return textarea.replace(reg, rep);
}

//Transforme les \n en <br />
function nl2br(output)
{
        textarea = new String(output);
       
        return textarea.replace(/\n/g, '<br />');
}

function nl2khol(output)
{
        textarea = new String(output);
       
        return textarea.replace(/\n/g, ptag);
}

function unkhol(output)
{
        textarea = new String(output);
       
        return textarea.replace(new RegExp(ptag, 'g'), '\n');
}

javascript:bCode('<gras>

javascript:bbCode('<gras>