在表格中使用可编辑的div元素代替输入框和文本框,将内容插入到div元素中。在复制内容时,可以将div元素转换为HTML格式并将其粘贴到Word或Outlook中。以下是一个使用div代替输入框和文本框的示例代码:
这里是可编辑内容
CSS样式:
.editable {
border: 1px solid #ccc;
padding: 5px;
min-height: 25px;
}
当复制表格内容时,可以使用以下代码将div元素转换为HTML格式:
var div = document.createElement("div");
div.appendChild(document.querySelector(".editable").cloneNode(true));
var html = div.innerHTML;
将生成的HTML代码粘贴到Word或Outlook中,可以看到内容被正确地显示。
上一篇:表格中的数据未被替换
下一篇:表格中的输入字段出现故障