html搜索，文中的关键字变色

最新推荐文章于 2023-08-23 16:56:26 发布

weixin_33901641

最新推荐文章于 2023-08-23 16:56:26 发布

阅读量810

点赞数

文章标签： javascript 前端移动开发 ViewUI

本文介绍了一种使用Objective-C实现HTML页面内搜索关键字并将其高亮显示的方法。通过读取HTML文件内容并查找用户输入的搜索词，找到后用带有特定样式的HTML标签包裹该搜索词，从而实现高亮效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

The iphone app im writing displays an html page, i would like to add a search feature where the user can search for instances for the keyword and highlight them (like in firefox using ctrl+F)

what's the best way to do this? in objective-c? would this be even possible with javascript?

Please point me to the right direction

NSString *filePath = PATH_OF_HTML_FILE;
NSError *err = nil;
NSString *pageHTML = [NSString stringWithContentsOfFile:filePath encoding:NSUTF8StringEncoding error:&err];

if(err)
{
    pageHTML = [NSString stringWithContentsOfFile:filePath encoding:NSASCIIStringEncoding error:&err];

}


if([searchTxtField.text length])
{
    NSRange range1 = [pageHTML rangeOfString:searchTxtField.text options:NSCaseInsensitiveSearch];
if(range1.location != NSNotFound)
    {
        NSString *highlightedString = [pageHTML substringWithRange:range1]; 
        pageHTML = [pageHTML stringByReplacingOccurrencesOfString:highlightedString withString:[NSString stringWithFormat:@"<span style=\"background-color:yellow; color:red;\">%@</span>",highlightedString] options:NSCaseInsensitiveSearch range:NSMakeRange(0, [pageHTML length]) ];
        [webView loadHTMLString:pageHTML baseURL:[NSURL fileURLWithPath:filePath]];
    }


}