javascript - "greeked"html 文本

标签 javascript html css

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

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

最佳答案

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

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

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

关于javascript - "greeked"html 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20623165/

相关文章:

Javascript:随机数生成器(动态)

javascript - 专注于输入并使用 Jquery 移除焦点

javascript - asp.net 以编程方式获取动态 div 中的文本

css - 多少 CSS sprite 减少了页面加载时间?

javascript - 自动刷新 ASP.NET 不闪烁页面

javascript - 当组件未重新渲染时如何获取更新的 redux-toolkit 状态

javascript - 单击按钮时水平滚动

javascript - 如何在js颜色选择器上分别更改背景颜色和颜色?

html - 90 度旋转表格标题上的 CSS3 文本溢出

javascript - 如何通过在 Handlebars 中单击来增加图像的大小?