格式化 HTML table 以粘贴到 Google Doc

Question

我正在为常规 table 生成 HTML 代码：

<table cellpadding="0" cellpadding="0">
    <tr>
       <td>Data</td>
       <td>Data</td>
       <td>Data</td>
    <tr>
</table>

生成后，我在浏览器 (Firefox) 中打开 HTML 文件并复制并粘贴到空白 Google Doc，但是 Google Docs 翻译了 table无边框边框和默认格式。

有一种方法可以格式化 HTML table 以满足 Google 文档要求吗？或者有一种方法可以使用宏来格式化 Google 文档的很多 table 吗？（我的意思是 table 边框和单行距）

Answer 1

我注意到的第一件事是 <table> 有两次 cellpadding="0" 声明。

“Do not use [cellpadding or cellspacing], as [they have] been deprecated. The element should be styled using CSS.” —MDN web docs

请参阅另一个 Whosebug 问题，了解如何 set cellpadding and cellspacing in CSS。

这实际上解决了您的问题，因为在您的 table 样式中添加 border-collapse 属性将允许 table 粘贴到 Google Doc as a table…如果你把它设置成separate.

或如果您将 padding 添加到您的 td（如果您有 th），

我创建了这个 Google 文档，Paste <table> into Docs，其中包含一些不同样式如何影响 table 粘贴到文档中的示例，并注明了这些样式。

希望对您有所帮助！

我还应该注意，这是在 copying/pasting 发生在 Chrome 时写的；不同的浏览器会产生不同的结果。我还发现选择多少会影响 table 的粘贴方式。我最好的建议是根据 table 的外观和您想要的结果进行试验。

Format HTML table to paste into Google Doc