python编辑html里的表_Flask/HTML中的可编辑表格

博客内容讲述了如何使用JavaScript实现类似Excel的表格编辑功能,包括监听输入事件和更新单元格内容。作者遇到了问题,即在PyCharm中无法直接使用JavaScript文件,询问是否有办法将JavaScript代码转换为Python,或者直接在Python环境中创建类似功能的表格。
摘要由CSDN通过智能技术生成

我正在尝试创建一个类似excel的表来更新和记录事物。在

我找到了这个javascript:function init()

{

var tables = document.getElementsByClassName("editabletable");

var i;

for (i = 0; i < tables.length; i++)

{

makeTableEditable(tables[i]);

}

}

function makeTableEditable(table)

{

var rows = table.rows;

var r;

for (r = 0; r < rows.length; r++)

{

var cols = rows[r].cells;

var c;

for (c = 0; c < cols.length; c++)

{

var cell = cols[c];

var listener = makeEditListener(table, r, c);

cell.addEventListener("input", listener, false);

}

}

}

function makeEditListener(table, row, col)

{

return function(event)

{

var cell = getCellElement(table, row, col);

var text = cell.innerHTML.replace(/
$/, '');

var items = split(text);

if (items.length === 1)

{

// Text is a single element, so do nothing.

// Without this each keypress resets the focus.

return;

}

var i;

var r = row;

var c = col;

for (i = 0; i < items.length && r < table.rows.length; i++)

{

cell = getCellElement(table, r, c);

cell.innerHTML = items[i]; // doesn't escape HTML

c++;

if (c === table.rows[r].cells.length)

{

r++;

c = 0;

}

}

cell.focus();

};

}

function getCellElement(table, row, col)

{

// assume each cell contains a div with the text

return table.rows[row].cells[col].firstChild;

}

function split(str)

{

// use comma and whitespace as delimiters

return str.split(/,|\s|
/);

}

window.onload = init;

而且它似乎可以很好地保存和保存在表中的编辑。在

但问题是,我使用的是pycharms,不幸的是,我不能在我的文件中使用js文件。在

有没有一种方法可以将其转换为Python,或者在Python中编写一个表?在

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值