我想从我的 bdo 标签 rtl 文本复制到 ltr 格式

Question

我有一个包含<bdo dir="rtl">hello</bdo>这个标签的html文件。所以输出结果是 olleh .但问题是当我复制这个 olleh 单词并将其粘贴到任何文本编辑器中时，它会转换为从左到右的格式，例如 hello。我的问题是有什么方法可以将我的 olleh 单词复制到从左到右的格式？

Answer 1

您的dir="rtl"方向仅用于显示。如果您打开devtools并查看内容，它仍然是ltr格式，因此当您复制它时，它仍然是hello。

你可以做一些javascript魔法来反转字符串，然后将其放回元素中：

const bdo = document.getElementsByTagName('bdo')[0];
const str = bdo.textContent;
bdo.textContent = reverseStr(str);
function reverseStr(str) {
strArr = str.split('');
strArr.reverse();
reversedStr = strArr.join('');
return reversedStr;
}

工作小提琴

如果这样做，则根本不需要dir属性。