Editor Wysiwyng muy simple

[Bugger]

Hola Panino5001,

ese sencillo ejemplo es brutal!!!

muchas grácias!!!!

Editado: es posible pasar el contenido de ese div por POST en un formulario aparte del que hay para cambiar de tamaño?

ejemplo:

Código HTML:

<form id="formattext" action="" method="get">
    Tamany
    <select onchange="formatText('fontSize',this.value)">
        <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>
    </select>
 
</form>
<form action="javascript: fn_guardar();" method="post" id="frm_guardar">
<table class="formulari">
    <tr>
        <td colspan="2">
            <div id="div_texte" contenteditable="true">Texte Demo</div>
        </td>
    </tr>
    <tr>
        <td><input name="guardar" type="submit" id="guardar" value="guardar" /></td>
        <td><input name="cancelar" type="button" id="cancelar" value="Cancelar" onclick="fn_tancar();" /></td>
    </tr>
</table>
</form>
 

y la funcion guardar seria:

Código Javascript:

function fn_guardar(){
        var str = $("#frm_guardar").serialize(); --> asi no va
        var div_texte = $("#div_texte").innerHTML; --> asi tampoco
            $.ajax({
                url: 'guardar.php',
                data: div_texte,
                type: 'POST',
                success: function(data){
                    if(data!="")
                        alert(data);
                }
            });
    }