Copier/coller d'Excel vers une page web

Question

Copier/coller d'Excel vers une page web

Demandé el 5 de Janvier, 2010: Quand la question a-t-elle été
16721 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Existe-t-il une méthode ou une bibliothèque standard pour copier et coller d'une feuille de calcul Excel vers un formulaire Web ? Lorsque je sélectionne plus d'une cellule dans Excel, je perds (évidemment) le délimiteur et tout est collé dans une seule cellule du formulaire web. Faut-il le faire en VB ? Ou le traitement pourrait-il être effectué une fois que l'action de collage est lancée sur le formulaire Web ?

Demandé el 5 de Janvier, 2010 par His dudeness

0 votes

Essayez-vous d'automatiser quelque chose ? Pouvez-vous donner un meilleur exemple...

Commenté el 5 de Janvier, 2010 par Dayton Brown

3 votes

J'avais peur de poser cette question. Merci de l'avoir fait, et d'être si concis :)

Commenté el 16 de Avril, 2015 par Nostalg.io

Answer 1

5 Réponses

Answer 2

102voto

Tatu Ulmanen Points 52098

Vous ne perdez pas les délimiteurs, les cellules sont séparées par des tabulations ( \t ) et les rangées par des retours à la ligne ( \n ) qui ne sont peut-être pas visibles dans le formulaire. Essayez vous-même : copiez le contenu d'Excel vers le Bloc-notes, et vous verrez que vos cellules sont bien alignées. Il est alors facile de diviser les champs par onglets et de les remplacer par autre chose, de cette façon vous pouvez même construire un tableau à partir de ceux-ci. Voici un exemple utilisant 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);

Donc, en substance, ce script crée un tableau HTML à partir de données Excel collées.

Répondu el 5 de Janvier, 2010 par Tatu Ulmanen (52098 Points )

10 votes

J'ai joué avec un problème similaire, il est intéressant de noter que si vous collez dans une zone de texte, vous perdez les nouvelles lignes. En revanche, en collant dans une zone de texte, vous les conservez.

Commenté el 4 de Mars, 2014 par wobbily_col

1 votes

Pour des raisons pratiques, vous pourriez faire de cette réponse un snippet pour des utilisations futures.

Commenté el 6 de Avril, 2016 par AdrianoRR

2 votes

S'il y a une nouvelle ligne dans une cellule, il y a rupture.

Commenté el 27 de Juin, 2016 par th3byrdm4n

Afficher 3 autres commentaires

Answer 3

34voto

dunderwood Points 31

En réponse à la réponse de Tatu, j'ai créé un jsFiddle rapide pour présenter sa solution :

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);
}

Répondu el 8 de Juillet, 2014 par dunderwood (31 Points )

4 votes

Et voici mon complément à cette réponse, mais avec l'affichage automatique du tableau, tout de suite sur l'événement paste : jsfiddle.net/sTX7y/690 En fait, il simule l'événement "après-collage".

Commenté el 22 de Décembre, 2017 par userfuser

Answer 4

19voto

Morgan Rauscher Points 131

Je viens de trouver cette solution jQuery

http://handsontable.com/

Répondu el 9 de Juillet, 2012 par Morgan Rauscher (131 Points )

Answer 5

14voto

Nirk Points 9999

Sur OSX y Windows Il existe plusieurs types de presse-papiers pour différents types de contenu. Lorsque vous copiez du contenu dans Excel, les données sont stockées dans le texte en clair et dans le presse-papiers html.

La bonne méthode (qui ne se heurte pas aux problèmes de délimiteurs) consiste à analyser le HTML. http://jsbin.com/uwuvan/5 est une démo simple qui montre comment obtenir le presse-papiers HTML. La clé est de se lier à l'événement onpaste et de lire les données suivantes

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

Répondu el 21 de Septembre, 2013 par Nirk (9999 Points )

0 votes

Le jsbin n'a pas fonctionné comme prévu pour moi (Firefox 42 sur Win 7, Excel 2013). Quelque chose d'important a-t-il changé depuis que vous avez posté cette réponse, qui fait que cette approche ne fonctionne plus ? Dans la console du navigateur, je vois le contenu text/plain enregistré, mais le contenu text/html est vide.

Commenté el 8 de Décembre, 2015 par Christian Semrau

0 votes

Cela fonctionne avec chrome, que ce soit sous Windows avec excel ou sous ubuntu avec libreOffice. C'est la meilleure solution, car elle conserve le formatage des feuilles d'origine.

Commenté el 18 de Février, 2016 par BiAiB

0 votes

Cette réponse est tout à fait pertinente mais il faut plus de détails

Commenté el 24 de Août, 2018 par Vicky

Answer 6

8voto

Mic Points 13418

La même idée que Tatu (merci j'en aurai bientôt besoin dans notre projet), mais avec une expression régulière.
Ce qui peut être plus rapide pour les grands ensembles de données.

<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>

Répondu el 5 de Janvier, 2010 par Mic (13418 Points )

0 votes

Salut Mic, ce code est génial ! As-tu une idée de la façon dont je pourrais convertir ce tableau en un formulaire à soumettre ?

Commenté el 23 de Janvier, 2013 par BvilleBullet

0 votes

Cela dépend du formulaire que vous voulez soumettre. Je ferais un json stringifié à partir de ça, et je le posterais comme un seul champ au serveur.

Commenté el 23 de Janvier, 2013 par Mic

0 votes

Au fait, cela fonctionne également pour un tableau Word (l'un des anciens "formulaires" de mes utilisateurs que nous essayons de convertir). Merci.

Commenté el 14 de Juin, 2016 par HughSeagraves

Copier/coller d'Excel vers une page web

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Copier/coller d'Excel vers une page web

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: