gpt4 book ai didi

HTML 按钮作为换行复制到剪贴板

转载 作者:行者123 更新时间:2023-11-28 03:59:28 24 4
gpt4 key购买 nike

假设我有一个 <table>有 6 列。在每一行中,第 4 列包含一个 <button>或无。第 1-3、5-6 列包含文本。

像这样:https://jsfiddle.net/oq3uhhfe/

我希望能够在我的浏览器窗口中突出显示表格数据,将其复制到剪贴板,然后将其粘贴到另一个应用程序(Excel、记事本等)中。然而,<button>似乎充当换行符/换行符。例如,复制/粘贴上面 jsfiddle 中提供的表格会得到以下输出:

One     Two     Three   
Five Six
One Two Three Five Six

底行如我所愿,但顶行没有。似乎没有添加 &nbsp;到带有 <button> 的单元格有帮助,也没有应用 -bla-user-select <button> 的样式或 <td> .

有办法吗?

最佳答案

我猜这只是归结为“不同的浏览器表现不同。”

为了进一步说明,让我将 fiddle 更改为使用隐藏按钮而不是空单元格。我在 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 在两行中显示“单击”。

感谢回复的人。

编辑:您可以使用 Clipboard class 通过 .NET 访问剪贴板. GetData 方法允许您以多种格式之一检索数据。

当查看“文本”格式的剪贴板时,复制的值看起来像记事本的输出(上图)。

使用我假设 Excel 使用的“html”格式查看剪贴板会产生以下内容:

互联网浏览器

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>

Chrome

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: &quot;Times New Roman&quot;; 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>

关于HTML 按钮作为换行复制到剪贴板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43287019/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com