如何在离线HTML文档中实现搜索？

Question

我需要编写一个工具，将一些聊天导出到离线HTML文件中。是否有可能添加搜索支持（例如，添加包含搜索字段并显示搜索结果的主页index.html）？问题是共同的：你可以为此建议哪些工具/框架/其他？

Answer 1

我假设你想在浏览器中进行搜索，因为如果没有，那么grep实用程序会非常有效。

您可以为每个导出的页面添加 JavaScript ，这将扫描内容并进行搜索。您还可以通过创建包含“搜索数据”的索引页面和指向每个子页面的链接来处理多个页面，但这取决于您要搜索的文本数量。在单个页面上搜索会更容易。

基本工作流程将是：

• 拦截搜索控件的“更改”事件（某些<input>）
• 遍历您的数据元素（如果是表格则为<tr>，<li>如果您使用列表，等等）并检查键入的文本是否出现在此元素的textContent属性中

这是最基本的形式。

更有效的方法是准备一个索引数组（通过脚本，在内存中）存储textContent（或任何你想要搜索的内容）和包含它的元素< / p>

循环元素时隐藏不匹配的元素，并取消隐藏的元素（例如添加或删除“过滤”类。

Answer 2

我会使用Javascript并构建一个searchindex。看看这个example（仅限德语​​，但我想你会明白这一点）。