在我的网络应用程序中,我有一个包含显示文本的静态 HTML 内容的层。
当我在页面上进行搜索 (ctrl+F) 并键入上面提到的层中包含的一些文本时,文本会突出显示。
是否可以让内容完全不对搜索使用react?
或者,如果可以的话,我会从打开我的应用程序的页面中删除搜索功能。
最佳答案
这很棘手,但您可以将图层的文本编写为图层伪元素的 CSS content
属性。这样,搜索功能就无法检测到文本,文本本身也无法突出显示。
例如
HTML
<div id="layer" data-text="this text won't be found"></div>
CSS
#layer:before {
content: attr(data-text);
}
图像解决方案也很好,但这需要额外的请求,并且使用默认浏览器功能无法在任何地方缩放文本。应避免使用其他需要 Flash(或 Silverlight 或 Java Applets)的解决方案,尤其是由于某些平台缺少播放器插件。
fiddle 示例(使用 CSS attr()
):http://jsfiddle.net/EbTNd/
关于javascript - 使 HTML 内容不对搜索使用react (Ctrl+F),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17965156/