從複製/粘貼中排除HTML ruby​​標記

Question

我使用ruby標記添加拼音。例如：

<p> 
    <ruby>與<rt>yǔ</rt></ruby><ruby>摩<rt>mó</rt></ruby><ruby>拜<rt>bài</rt></ruby><ruby>單<rt>dān</rt></ruby><ruby>車<rt>chē</rt></ruby><ruby>推<rt>tuī</rt></ruby><ruby>出<rt>chū</rt></ruby><ruby>的<rt>de</rt></ruby>... 
</p> 

當我嘗試複製這一點，我複製拼音太：

與yǔ摩mó拜bài單dān車chē推tuī出chū的 

我想從被複制排除拼音。例如。我想將一個句子複製/粘貼到Google翻譯。有沒有辦法做到這一點，而不使用JavaScript？

我嘗試了user-select CSS屬性和unselectableHTML屬性，但它們都不起作用。

這將用於Chrome擴展，因此只需要Chrome支持。

Answer 1

你可以使用一個僞元素：

 
 
    rt:before { 
 
     content: attr(data-rt); 
 
    }

<p> 
 
     <ruby>與<rt data-rt="yǔ"></rt></ruby><ruby>摩<rt data-rt="mó"></rt></ruby><ruby>拜<rt data-rt="bài"></rt></ruby>... 
 
    </p>