javascript - "greeked"html 文本

Question

是否有任何方法可以“希腊化”HTML 文本，使用 css 和/或 javascript 来隐藏它，如下所示:

所有列都有正常文本。第 2、3 和 4 列有“greeked”文本。单击它们会显示普通文本，第一列显示“希腊语”。我需要的是字符以某种方式被正方形替换，如图所示，或类似的符号。这样，它们就被隐藏了，但文本长度、单词、段落等一切都被保留了下来。

Answer 1

您可以使用自定义字体，其中每个字符都是一个正方形。然后，您可以通过更改 CSS 样式在可读字体和自定义字体之间切换。缺点是用户可以复制文本并将其粘贴到文本编辑器中以使其可见。

另一种选择是替换内容字符串本身。将每一列的内容存储在 javascript 中，而不是 HTML 中。在 .onload 处理程序中，您生成每个字符串的混淆版本，其中每个非空白字符都替换为 unicode 字符 ■(代码点 0x25a0)。然后，您将混淆或未混淆版本分配给每个 div 的 .innerHTML。

虽然这个选项仍然允许通过查看源代码作弊。当您希望用户在允许他们看到文本之前完全无法访问文本时，您将无法绕过服务器端解决方案。