Pasar tabla html a otro archivo

[Krato]

Hola a todos, el título no resume lo que quiero hacer, es un poco complicado y creo que me he quedado atascado.

El caso es que estoy haciendo una web en la que el usuario tiene que crear un excel mediante la web entre otras cosas.

Después de buscar bastante encontré un plugin en jQuery muy bueno: jQuery.Sheet que hace exactamente lo que quiero.

El problema es que a la hora de guardar la tabla, mm ¿como lo hago?

La tabla la muestro mediante un dialog del jQuery UI al que le agrego dos botones, uno de cancelar que lo único que hace es cerrar la ventana modal y otro de guardar al cual le aplico una función. Dentro del dialogo es un div con un iframe a la página html con el plugin del excel. Hasta aquí todo funciona perfecto.

En la función del botón guardar saco el html de la tabla, pero... ¿como la envió por POST o GET ya que excede la longitud de caracteres permitidos? Bueno, se me ocurrió hacer crear una array dividiendo el código html que obtengo en líneas mediante un simple '.split("\n");'. Después hago un bucle y cada vez envió una linea al php que se encarga de ir anexando las lineas al archivo que quiero que me genere, pero no queda bien la tabla, no se si es por codificación o por algo, pero la tabla no se ve correctamente.

Y la que quiero hacer (que yo pensaba que iba a estar fácil) es pasar la tabla que el usuario hace y edita) a un archivo para después poder crear un pdf con ese archivo.


Éste es el código js:

Código Javascript:

jQuery("#add_valoracion").dialog({
                autoOpen: false,//remove this and the click to aut oopen
                bgiframe: true,
                dialogClass: "valor",
                position: 'top:0',
                height:1000,
                width: 1300,
                modal: true,
                resizable: false,
                buttons: {
                    'Cancelar': function() {
                        jQuery(this).dialog('close');
                    },
                    'Guardar': function() {
                        var html_valora = jQuery("#valoracion").contents().find("#jSheetEditPane_0_0").html();
                            
                        jQuery("#valoracion").contents().find("#jSheetEditPane_0_0").table2CSV();
                        var arra = html_valora.split("\n");
                        var num = arra.length;
                        var ref = jQuery("#ref").val();             
                        for (i=0; i < num; i++) {
                            tex = arra[i];
                            agrega(i, ref, tex);                
                        }       
                        jQuery(this).dialog('close');
                    }
                },
                open: function(event, ui) {
                
                    $('.valor').css('top', 20);
                }
            });
            
            function agrega(i, ref,tex){
            var url = "include/valoracion.php"; 
                        $.ajax({
                            type: "POST",
                            url: url,
                            data: "ref="+ref+"&html="+escape(tex),
                            success: function(msg){         
                            },
                            error: function(msg){
                                alert(msg);
                            }
                        });
            }
 

Y este es el código de la página valoracion.php:

Código PHP:

<?php
$ref =$_POST["ref"];
$contenido = $_POST["html"];
$contenido = stripslashes($contenido);
$contenido = utf8_encode($contenido);
$myFile = "../archivos/".$ref."/valoracion.html";
$fh = fopen($myFile, 'a') or die("can't open file"); 
fwrite($fh, $contenido);
fclose($fh);
?>
 

Se que es bastante complicado pero haber si entre todos sale una forma de hacerlo.

Gracias por la atención,

Eric