假设我有一个包含6列的<table>。在每一行中，第4列要么包含<button>，要么不包含任何内容。第1-3,5-6栏包含文字。
像这样：https://jsfiddle.net/oq3uhhfe/
我希望能够在浏览器窗口中突出显示表格数据，将其复制到剪贴板，然后将其粘贴到另一个应用程序（Excel，记事本等）中。但是，<button>似乎充当换行符/换行符。例如，复制/粘贴上面jsfiddle中提供的表格给出了以下输出：
One Two Three
Five Six
One Two Three Five Six
底行按照我的意愿工作，但顶行没有。看起来似乎没有 向<button>帮助的单元格添加-bla-user-select，也不会将<button>样式应用于<td>或{% for category in categories.active %}
{% if category.name contains 'jacket' or category.name contains 'dress' or category.name contains 'baby-grow' %}
<h2>{{ category.name }}</h2>
{% for product in category.products %}
<p>{{ product.name }}</p>
<img src="{{ product.image | product_image_url | constrain: '50' }}">
{% endfor %}
{% endif %}
{% endfor %}
有办法做到这一点吗？
答案 0 :(得分：0)
我想这可归结为＆＃34;不同的浏览器表现不同。＆＃34;
为了进一步说明，让我改变小提琴使用隐藏按钮而不是空单元格。我在Chrome，Firefox和Internet Explorer之间得到截然不同的结果：
https://jsfiddle.net/wxx70xu6/
Firefox粘贴到记事本：
One Two Three
Five Six
One Two Three Five Six
Chrome粘贴到记事本：
One Two Three Click Five Six
One Two Three Five Six
Internet Explorer粘贴到记事本：
One Two Three Click Five Six
One Two Three Five Six
更有趣的是，Internet Explorer在Excel中的行为与在记事本中的行为不同。记事本显示上面的输出，而Excel显示＆＃34; Click＆＃34;在两行中。
感谢那些回复的人。
修改 您可以使用Clipboard class通过.NET访问剪贴板。 GetData方法允许您以多种格式之一检索数据。
使用＆＃34;文本＆＃34;查看剪贴板时格式，复制的值看起来像记事本的输出（上图）。
使用＆＃34; html＆＃34;查看剪贴板格式，我假设Excel使用，产生以下内容：
Internet Explorer
Version:1.0
StartHTML:000000203
EndHTML:000001132
StartFragment:000000740
EndFragment:000001084
StartSelection:000000760
EndSelection:000001074
SourceURL:https://fiddle.jshell.net/wxx70xu6/show/
<!DOCTYPE HTML>
<HTML><HEAD>
<SCRIPT src="/js/lib/dummy.js" type="text/javascript"></SCRIPT>
<LINK href="/css/result-light.css" rel="stylesheet" type="text/css">
<STYLE type="text/css">
table {
border-collapse: collapse;
}
td {
border: 1px solid #777777;
padding: 10px;
}
.hidden {
display: none;
}
</STYLE>
<TITLE></TITLE>
<SCRIPT type="text/javascript">//<![CDATA[
window.onload=function(){
}//]]>
</SCRIPT>
</HEAD><BODY><TABLE><TBODY><!--StartFragment--><TR class="datarow"><TD>One</TD><TD>Two</TD><TD>Three</TD><TD><BUTTON name="clicker" type="button" value="Click">Click</BUTTON> </TD><TD>Five</TD><TD>Six</TD></TR><TR class="datarow"><TD>One</TD><TD>Two</TD><TD>Three</TD><TD><BUTTON name="clicker" class="hidden" type="button" value="Click">Click</BUTTON> <TD>Five</TD><TD>Six</TD></TR><!--EndFragment--></TBODY></TABLE></BODY></HTML>
火狐
Version:0.9
StartHTML:00000149
EndHTML:00000566
StartFragment:00000183
EndFragment:00000530
SourceURL:https://fiddle.jshell.net/wxx70xu6/show/
<html><body>
<!--StartFragment--><table><tbody><tr class="datarow"><td>One</td>
<td>Two</td>
<td>Three</td>
<td></td></tr></tbody></table><table><tbody><tr class="datarow"><td>Five</td>
<td>Six</td>
</tr>
<tr class="datarow">
<td>One</td>
<td>Two</td>
<td>Three</td>
<td>
</td><td>Five</td>
<td>Six</td></tr></tbody></table><!--EndFragment-->
</body>
</html>
铬
Version:0.9
StartHTML:0000000157
EndHTML:0000001709
StartFragment:0000000193
EndFragment:0000001673
SourceURL:https://fiddle.jshell.net/wxx70xu6/show/
<html>
<body>
<!--StartFragment--><table style="border-collapse: collapse; color: rgb(0, 0, 0); font-family: "Times New Roman"; font-size: medium; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;"><tbody><tr class="datarow"><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">One</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Two</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Three</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;"><button name="clicker" type="button" value="Click">Click</button></td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Five</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Six</td></tr><tr class="datarow"><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">One</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Two</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Three</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;"></td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Five</td><td style="border: 1px solid rgb(119, 119, 119); padding: 10px;">Six</td></tr></tbody></table><!--EndFragment-->
</body>
</html>