• Stars
    star
    156
  • Rank 239,589 (Top 5 %)
  • Language
    HTML
  • Created over 3 years ago
  • Updated over 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

在 DOM 上打乱文字,而非视觉上。

逻辑打乱文字

不改变文字显示的原有顺序,而改变在 DOM 树中顺序。

0511193628 0512135651

Demo: https://innei.github.io/shuffle-article/

Why

可以有效的防止用户复制文本。即便是复制了也是乱序的,打开控制台复制依然是乱序的。

PS:道高一尺魔高一丈,依然可以通过 OCR 等方式解决

Usage

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

More Repositories

1

Shiro

📜 A minimalist personal website embodying the purity of paper and freshness of snow.
TypeScript
3,410
star
2

Typecho-Theme-Paul

🎈 一个适用于展示,写日记的 Typecho 博客主题。
PHP
288
star
3

book-ssg-template

Yet another template for document SSG.
TypeScript
58
star
4

nest-http-boilerplate

A template for NestJS 9.x Typegoose Vitest and more, fast and simple boilerplate.
TypeScript
55
star
5

naive-ui-dashboard-template

Naive UI Dashboard Template with TypeScript, WindiCSS.
HTML
41
star
6

pnpm-workspace-monorepo

JavaScript
38
star
7

nvim-config-lua

NVim is awesome
Lua
37
star
8

rc-modal

Beautifully designed Modal Component built with Radix UI and Tailwind CSS.
TypeScript
34
star
9

Moment

一瞬,记录美好瞬间。
Vue
32
star
10

zshrc

one-key to configure zsh.
Shell
30
star
11

vite-react-tailwind-template

vite-react-tailwind-template
TypeScript
29
star
12

bump-version

A more useful and easy-to-use bump version cli.
TypeScript
26
star
13

MetaMuse

📝 MetaMuse is a personal CMS for organizing your articles, diaries, projects, book lists, and inspirations. Keep your creative life unified and accessible. 🎨📚🖋
TypeScript
25
star
14

candy

Simple and cute static blog generator.
TypeScript
24
star
15

nvim

A modern nvim config for front-end developer.
Vim Script
22
star
16

windows-fonts

20
star
17

Innei

HTML
19
star
18

Magic-for-typecho

这是一款魔幻个人主页主题,基于typecho。
PHP
18
star
19

nestjs-pretty-logger

🌟 Elevate NestJS logging with stylish, file-redirected, and real-time capable logging based on consola. Compact, powerful, and easy to integrate.
TypeScript
16
star
20

dotfiles

Innei's dotfiles. nvim, zsh, fzf, git, ideavim, ranger
Vim Script
16
star
21

jojoo

A utils and extra react hooks for Jotai v2.
TypeScript
15
star
22

animate-uri

Animate your url transitions for that extra flair. 🔨👴
TypeScript
13
star
23

vue-react-wrapper

Use react component in vue 3 and data binding.
TypeScript
13
star
24

imx-bot

My QQ group bot
TypeScript
13
star
25

Move-Hexo-to-typecho

迁移Hexo到typecho. Parse hexo md files, import post from hexo markdown files through MySQL.
Python
11
star
26

rollup-typescript-lib

Rollup Typescript library template
TypeScript
10
star
27

ProcessReporterCli

TypeScript
9
star
28

nextjs-boilerplate

Quickly build a UI/UX prioritized frontend application.
TypeScript
8
star
29

markdown-to-jsx-vue3

TypeScript
7
star
30

next-suspense

A suspense wrapper for NextJS when change router and fetching data in CSR.
TypeScript
6
star
31

PsycheScale

量表
TypeScript
6
star
32

react-message

A simple asynchronous React message popup utility
TypeScript
5
star
33

shiro-remote-components

TypeScript
3
star
34

shiro-rc

TypeScript
3
star
35

reporter-assets

3
star
36

Auto-HangupXinlinian

新理念英语学习平台自动挂课
Python
3
star
37

pnpm-monorepo-lib-template

JavaScript
3
star
38

auto-check-action

TypeScript
3
star
39

D

D is a simple local first personal website, written in Vue 3
TypeScript
3
star
40

design-code-quick-apps-swiftui-recipe-app

aka. Desing+Code SwiftUI demoes.
Swift
3
star
41

Material-Design-Story

Material Card Design for Typecho. Based on Story for typecho theme.
PHP
3
star
42

nestjs-react-monorepo-template

NestJS + React + Vite + MongoDB monorepo template.
TypeScript
3
star
43

components-playground

用于分离测试组件的效果,或用于写组件 Demo,游乐场。
TypeScript
3
star
44

Export-to-Markdown

这是从typecho数据库提取数据保存为hexo支持的markdown格式,方便迁移博客.
Python
3
star
45

FaceHideEmoji

FaceHideEmoji is a unique Python tool designed for anonymizing faces in images using emojis.
Python
3
star
46

Glass

简单的个人主页,使用了最新的backdrop-filter实现毛玻璃.
CSS
3
star
47

book-supabase-lemonsqueezy

TypeScript
3
star
48

next-ssg-layout-rerender-repro

TypeScript
2
star
49

nextjs-top-level-reproduction

TypeScript
2
star
50

Front-End-Study-Note

前端学习笔记
HTML
2
star
51

swr

TypeScript
2
star
52

react-typewriter

A simple component impl typewriter effect
TypeScript
2
star
53

fe-tools-site

TypeScript
2
star
54

innei.github.io

HTML
2
star
55

Focus

专注于写作,构想中的博客,采用 Nuxt.js + NestJS 开发
Vue
2
star
56

wakatime-sync-action

JavaScript
2
star
57

uebersicht-clock

Übersicht simple clock
JavaScript
2
star
58

tsup-template

TypeScript
2
star
59

meet-swift

a Swift UI starter demo application.
Swift
2
star
60

mx-wx-mini-app

MX space 日记部分衍生的微信小程序,基于 Remax 构建。
TypeScript
2
star
61

create-react-library-template

Create simple template, fast to build newly package.
HTML
2
star
62

rayon-terminal

A terminal implementation for Rayon.
TypeScript
2
star
63

rc-component-docs-site-boilerplate

TypeScript
1
star
64

Benhuai-imitation

仿崩坏3对话主页.
JavaScript
1
star
65

mygityear

TypeScript
1
star
66

short-link-generator

Re-android final work project.
Kotlin
1
star
67

fancy-2023

A fancy images static host
1
star
68

nextjs-request-error-demo

A demo of how to handle request error in nextjs application `getInitialProps`
JavaScript
1
star
69

configs

各类IDE存放个人配置的仓库
1
star
70

UIKit-learning

Swift
1
star
71

Fast-Configuration-Of-Ubuntu-Server

Fast Configuration Of Linux-server Shell
Shell
1
star
72

raycast-extensions

TypeScript
1
star
73

code-font

分享一些自用的适合编码的等宽字体,勿商用。
1
star
74

C-Study

C Class Study && After work or repos .
C
1
star
75

meet-rn

A demo of react native app, in order to finish android final work.
TypeScript
1
star
76

Moment-server

一瞬后端。正在咕咕咕开发中。此仓库为存档。Moment server.
JavaScript
1
star
77

meet-ppt

A keynote of Meet app. In order to finish android course final assignment. Write by Reveal.js
HTML
1
star
78

Back-End-Study

CSS
1
star
79

simple-clock

CSS
1
star
80

vue-codemirror.next-sql-editor-demo

TypeScript
1
star
81

LeetCode

LeetCode练习
C
1
star
82

yjs-realtime-cursor

JavaScript
1
star
83

yjs-webrtc-signaling-server

JavaScript
1
star
84

ant-simple-admin

Vue
1
star
85

javascript-programming

手撕各类编程题
TypeScript
1
star
86

vscode-nvim-config

Lua
1
star
87

nextjs-template

NextJS template with prettier, eslint, typescript, tailwind, etc.
TypeScript
1
star
88

rakkas-seo

TypeScript
1
star
89

next-bug-soucemap

JavaScript
1
star
90

admin-cdn

HTML
1
star
91

tailwindcss3-naive-ui-reproduction

tailwindcss 3 preflight override naive-ui 3 style.
JavaScript
1
star
92

StoryPlus-for-Typecho

这是一个二次开发主题.原主题为Story.
PHP
1
star
93

Remu

🎀 一个简单的蕾姆介绍页
HTML
1
star
94

tailwind-dark-mode-css-var

Automatically convert Tailwind's built-in colors support for dark mode demo.
CSS
1
star
95

vite-edgecase-hmr-whitepage

TypeScript
1
star
96

vue3-rollup-lib-template

A simple Vue3 TypeScript library template. Quick to start dev, build a Vue3 Component library.
TypeScript
1
star
97

vite-mpa-dev-reproduction

CSS
1
star
98

fe-data-flow-share

JavaScript
1
star
99

vercel-network-latency-tester

TypeScript
1
star