不改变文字显示的原有顺序,而改变在 DOM 树中顺序。
Demo: https://innei.github.io/shuffle-article/
可以有效的防止用户复制文本。即便是复制了也是乱序的,打开控制台复制依然是乱序的。
PS:道高一尺魔高一丈,依然可以通过 OCR 等方式解决
yarn add article-shuffle
import { process } from 'article-shuffle'
const $article = document.querySelector('article')
$article.innerHTML = originHTML
$article.querySelectorAll('p').forEach(($p) => {
process($p)
})
MIT