Kopieren / Einfügen aus Excel auf eine Webseite

Question 1

Gibt es eine Standardmethode oder -bibliothek zum Kopieren und Einfügen aus einer Tabelle in ein Webformular? Wenn ich mehr als eine Zelle aus Excel auswähle, verliere ich (offensichtlich) das Trennzeichen und alles wird in eine Zelle des Webformulars eingefügt. Muss es in VB gemacht werden? oder könnte die Verarbeitung erfolgen, sobald die Einfügemaßnahme im Webformular gestartet wurde?

Question 2

Sie verlieren die Trennzeichen nicht, die Zellen werden durch Tabulatoren ( \t) und Zeilen durch Zeilenumbrüche ( \n) getrennt, die im Formular möglicherweise nicht sichtbar sind. Probieren Sie es selbst aus: Kopieren Sie Inhalte aus Excel in den Editor, und Sie werden sehen, dass Ihre Zellen gut ausgerichtet sind. Es ist dann einfach, die Felder durch Registerkarten zu teilen und durch etwas anderes zu ersetzen. Auf diese Weise können Sie sogar eine Tabelle daraus erstellen. Hier ist ein Beispiel mit jQuery:

var data = $('input[name=excel_data]').val();
var rows = data.split("\n");

var table = $('<table />');

for(var y in rows) {
    var cells = rows[y].split("\t");
    var row = $('<tr />');
    for(var x in cells) {
        row.append('<td>'+cells[x]+'</td>');
    }
    table.append(row);
}

// Insert into DOM
$('#excel_table').html(table);

Im Wesentlichen erstellt dieses Skript eine HTML-Tabelle aus eingefügten Excel-Daten.

Question 3

Als Antwort auf die Antwort von Tatu habe ich eine schnelle jsFiddle erstellt, um seine Lösung vorzustellen:

http://jsfiddle.net/duwood/sTX7y/

HTML

<p>Paste excel data here:</p>  
<textarea name="excel_data" style="width:250px;height:150px;"></textarea><br>
<input type="button" onclick="javascript:generateTable()" value="Genereate Table"/>
<br><br>
    <p>Table data will appear below</p>
<hr>
<div id="excel_table"></div>

JS

function generateTable() {
    var data = $('textarea[name=excel_data]').val();
    console.log(data);
    var rows = data.split("\n");

    var table = $('<table />');

    for(var y in rows) {
    var cells = rows[y].split("\t");
    var row = $('<tr />');
    for(var x in cells) {
        row.append('<td>'+cells[x]+'</td>');
    }
    table.append(row);
}

// Insert into DOM
$('#excel_table').html(table);
}

Question 4

Unter OSX und Windows gibt es mehrere Arten von Zwischenablagen für verschiedene Arten von Inhalten. Wenn Sie Inhalte in Excel kopieren, werden die Daten im Klartext und in der HTML-Zwischenablage gespeichert.

Der richtige Weg (der nicht durch Trennzeichenprobleme ausgelöst wird) besteht darin, den HTML-Code zu analysieren. http://jsbin.com/uwuvan/5 ist eine einfache Demo, die zeigt, wie Sie die HTML-Zwischenablage erhalten. Der Schlüssel besteht darin, sich an das Ereignis onpaste zu binden und zu lesen

event.clipboardData.getData('text/html')

Question 5

Die gleiche Idee wie Tatu (danke, ich werde sie bald in unserem Projekt brauchen), aber mit einem regulären Ausdruck.
Was für große Datenmengen schneller sein kann.

<html>
<head>
    <title>excelToTable</title>
    <script src="../libs/jquery.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
    <textarea>a1    a2  a3
b1  b2  b3</textarea>
    <div></div>
    <input type="button" onclick="convert()" value="convert"/>
    <script>
        function convert(){
            var xl = $('textarea').val();
            $('div').html( 
                '<table><tr><td>' + 
                xl.replace(/\n+$/i, '').replace(/\n/g, '</tr><tr><td>').replace(/\t/g, '</td><td>') + 
                '</tr></table>'
            )
        }
    </script>
</body>
</html>

Question 6

Für alle zukünftigen Googler, die hier wie ich landen, habe ich das Konzept von @tatu Ulmanen verwendet und es einfach in eine Reihe von Objekten verwandelt. Diese einfache Funktion verwendet eine Zeichenfolge eingefügter Excel- (oder Google Sheet-) Daten (vorzugsweise von a textarea) und wandelt sie in ein Array von Objekten um. Es verwendet die erste Zeile für Spalten- / Eigenschaftsnamen.

function excelToObjects(stringData){
    var objects = [];
    //split into rows
    var rows = stringData.split('\n');

    //Make columns
    columns = rows[0].split('\t');

    //Note how we start at rowNr = 1, because 0 is the column row
    for (var rowNr = 1; rowNr < rows.length; rowNr++) {
        var o = {};
        var data = rows[rowNr].split('\t');

        //Loop through all the data
        for (var cellNr = 0; cellNr < data.length; cellNr++) {
            o[columns[cellNr]] = data[cellNr];
        }

        objects.push(o);
    }

    return objects;
}

Hoffentlich hilft es jemandem in der Zukunft.

Question 7

UPDATE: Dies gilt nur, wenn Sie ONLYOFFICE anstelle von MS Excel verwenden.

Es gibt tatsächlich einen Fluss in allen Antworten, die hier bereitgestellt werden, und auch in der akzeptierten. Wenn Sie eine leere Zelle in Excel haben und diese kopieren, befinden sich in der Zwischenablage zwei Tabulatorzeichen nebeneinander. Nach dem Teilen erhalten Sie also ein zusätzliches Element im Array, das dann als zusätzliche Zelle in dieser Zeile angezeigt wird und verschiebt alle anderen Zellen um eins. Um zu vermeiden, dass Sie grundsätzlich alle doppelten Tabulatorzeichen (nur Tabulatoren nebeneinander) in einer Zeichenfolge durch ein Tabulatorzeichen ersetzen und erst dann teilen müssen.

Eine aktualisierte Version von @ userfusers jsfiddle behebt dieses Problem, indem eingefügte Daten mit removeExtraTabs gefiltert werden

http://jsfiddle.net/sTX7y/794/

function removeExtraTabs(string) {
  return string.replace(new RegExp("\t\t", 'g'), "\t");
}

function generateTable() {
  var data = removeExtraTabs($('#pastein').val());
  var rows = data.split("\n");
  var table = $('<table />');

  for (var y in rows) {
    var cells = rows[y].split("\t");
    var row = $('<tr />');
    for (var x in cells) {
      row.append('<td>' + cells[x] + '</td>');
    }
    table.append(row);
  }

  // Insert into DOM
  $('#excel_table').html(table);
}

$(document).ready(function() {
  $('#pastein').on('paste', function(event) {
    $('#pastein').on('input', function() {
      generateTable();
      $('#pastein').off('input');
    })
  })
})

Question 8

Excel 2007 verfügt über eine Funktion auf der Registerkarte "Daten", die recht gut funktioniert.

Question 9

Das ausgraben, falls jemand in Zukunft darauf stößt. Ich habe den obigen Code wie beabsichtigt verwendet, bin dann aber auf ein Problem gestoßen, bei dem die Tabelle angezeigt wurde, nachdem sie an eine Datenbank gesendet wurde. Sobald Sie die Daten gespeichert haben, ist es viel einfacher, PHP zu verwenden, um die neuen Zeilen und Registerkarten in Ihrer Abfrage zu ersetzen. Sie können das Ersetzen bei der Übermittlung durchführen. $ _POST [Anfrage] ist der Name Ihres Textbereichs:

$postrequest = trim($_POST[request]);
$dirty = array("\n", "\t");
$clean = array('</tr><tr><td>', '</td><td>');
$request = str_replace($dirty, $clean, $postrequest);

Fügen Sie jetzt einfach $ request in Ihre Datenbank ein und es wird als HTML-Tabelle gespeichert.

Question 10

Vielleicht wäre es besser, wenn Sie Ihre Excel-Datei aus PHP lesen und sie dann entweder in einer Datenbank speichern oder bearbeiten würden.

Hier ein ausführliches Tutorial zum Lesen und Schreiben von Excel-Daten mit PHP:
http://www.ibm.com/developerworks/opensource/library/os-phpexcel/index.html