从html的基本文本剪切粘贴<；ruby>；要素_Html_Google Chrome_Copy Paste

从html的基本文本剪切粘贴<；ruby>；要素

html google-chrome

从html的基本文本剪切粘贴<；ruby>；要素,html,google-chrome,copy-paste,Html,Google Chrome,Copy Paste,注意：这个问题是关于html元素的。它与ruby语言无关我有一个包含ruby标记元素的网页。下面是一个简化的示例： <html> <body> Before <ruby> <rb>XYZ</rb> <rt>This is base</rt> </ruby> After <body> </html> 但是，至

注意：这个问题是关于html

元素的。它与ruby语言无关

我有一个包含ruby标记元素的网页。下面是一个简化的示例：

<html>
  <body>
    Before
    <ruby>
      <rb>XYZ</rb>
      <rt>This is base</rt>
    </ruby>
    After
    <body>
</html>

但是，至少在Chrome中，复制的是

Before XYZ This is main After

如何更改标记以获得此行为

我很高兴有一个独立于浏览器的解决方案，但即使只有Chrome也会有用

FWIW，最初的规范草案似乎要求以某种方式实现这一点。包含行“在某些情况下，如查找文本或复制文本时，应忽略Ruby文本注释”。但该文档中没有对此进行详细讨论。

找到了答案

为

user select:none

的

rt

元素提供CSS

（有关基本原理和浏览器兼容性的详细信息，请参见中的答案）

Before XYZ This is main After