Вставить данные Excel в HTML-таблицу
Resharper делает это. Я полагаю, вы могли бы написать свой собственный addin, чтобы сделать то же самое.
3 ответа
Это будет надежно работать только в IE, так как Firefox (и, вероятно, другие) не разрешает доступ к буферу обмена без специального разрешения; предыдущее предложение сначала вставить в текстовое поле могло бы работать лучше, чем это.
Когда вы копируете из электронной таблицы, обычно ячейки разделяются табуляцией (chr9), а строки - CR (chr13). Этот скрипт преобразует буфер обмена в 2D-массив, а затем строит из него таблицу. Не слишком элегантно, но, похоже, работает с копированием данных из Excel.
<html>
<head>
<script language="javascript">
function clip() {
// get the clipboard text
var clipText = window.clipboardData.getData('Text');
// split into rows
clipRows = clipText.split(String.fromCharCode(13));
// split rows into columns
for (i=0; i<clipRows.length; i++) {
clipRows[i] = clipRows[i].split(String.fromCharCode(9));
}
// write out in a table
newTable = document.createElement("table")
newTable.border = 1;
for (i=0; i<clipRows.length - 1; i++) {
newRow = newTable.insertRow();
for (j=0; j<clipRows[i].length; j++) {
newCell = newRow.insertCell();
if (clipRows[i][j].length == 0) {
newCell.innerText = ' ';
}
else {
newCell.innerText = clipRows[i][j];
}
}
}
document.body.appendChild(newTable);
}
</script>
</head>
<body>
<input type="button" onclick="clip()">
</body>
</html>
Вот созданный мной код javascript (на основе полезные ответы). Я новичок в javascript, поэтому Я уверен, что есть гораздо лучший способ сделать это, но, похоже, он работает ... Цель состоит в том, чтобы «вставить» два столбца числовых данных в текстовую область из электронной таблицы (я пробовал и Excel, и электронную таблицу Google) и создать векторы с плавающей запятой «xf» и «yf». Надеюсь, пригодится кому-то. Критика приветствуется ...
Предполагается, что они существуют на html-странице ...
<textarea id="psmtext" rows=24 cols=72> </textarea>
<input type="button" value="run code" onClick="psmtest();">
function psmtest(){
var psmtext = document.getElementById("psmtext");
var st = psmtext.value;
Ast = st.split("\n");
var numrows = Ast.length;
var ii;
var xs = [];
var ys = [];
for (ii = 0 ; ii < numrows ; ii++) {
// tab or comma deliminated data
if ( Ast[ii].split(",",2)[1] != null ){ ys[ii] = Ast[ii].split(",")[1]; xs[ii] = Ast[ii].split(",")[0];}
if ( Ast[ii].split("\t",2)[1] != null ){ ys[ii] = Ast[ii].split("\t")[1]; xs[ii] = Ast[ii].split("\t")[0];}
}
var xss = [];
var yss = [];
var numgoodrows = 0;
var iii =0;
for (ii = 0 ; ii < numrows ; ii++) {
if ( xs[ii] != null && ys[ii] != null) {
xss[iii] = xs[ii];
yss[iii] = ys[ii];
iii++;
}
}
numgoodrows = iii;
// next I need to convert to floating point array var xf = [], var yf = [];
var xf = [];
var yf = [];
for (ii = 0 ; ii < numgoodrows ; ii++) {
xf[ii] = parseFloat(xss[ii]);
yf[ii] = parseFloat(yss[ii]);
}
}
Это будет очень сложно сделать действительно хорошо.
Вне всяких сомнений, я бы сказал, что лучший подход - дать пользователям < textarea> , в которое они могут вставлять. Затем в обработчике событий onchange используйте JS-синтаксический анализ, чтобы выяснить, где выстраиваются строки и столбцы, создайте таблицу HTML и вставьте ее в DOM.
Это должно нормально работать для относительно "квадратного" набора данных - вы может возникнуть больше проблем с объединенными столбцами / строками и "неровными" данными