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

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]];    }

}

转载于:https://www.cnblogs.com/pengyingh/articles/2413703.html

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

axure选中文字变颜色_Axure实现类百度搜索原型，关键字变色
用中继器制作筛选,使用函数变量制作关键字变色整个步骤关键有两步: 第一步,我们要通过中继器制作好我们所需的数据库,让用户可以搜索到: 我们使用中继器进行编辑,就是希望能够通过中继器所带有的筛选功能可 ...
android搜索文字变色_Android实现TextView字符串关键字变色的方法
一.字符串关键字变色在界面显示的时候,偶尔需要将某些字符串中特定的字符串重点标出如下图所示: 便有了下面的方法.这个方法针对于比较固定的字符串 ,并且需要自己计算需要变色的文字位置 ,代码 ...
搜索功能(支持全拼,首字母,不区分大小写,关键字变色等)
上次写的可能有人说阅读性太差,所以改成这种编辑了用到的工具主要是pinyin4j(compile 'com.belerweb:pinyin4j:2.5.1'),将字符串转化成首字拼写或全拼,然后是计 ...
ionic实现搜索框过滤关键字高亮
转载请注明出处: http://blog.csdn.net/lishihong108/article/details/53379610 利用angularjs自带的过滤器,我们可以很方便的实现搜索框过 ...
微信小程序实时搜索并高亮关键字
微信小程序实现实时搜索并高亮关键字的功能效果一.效果图二.实现流程: 1.在文本框中输入关键字key,如"比赛",检索出比赛相关的列表 key = 小程序 2.处理结果列表:在 ...
vue中关键字的搜索，输入关键字列表和分页一起刷新
接着上篇文章,这个是关键字的搜索,输入关键字进行搜索的时候,列表的数据和分页跟着一起改变 <template><div class="all"><di ...
eclipse全文搜索多个关键字
使用ctrl+H搜索or 可以发现有如下很多的关键字下面的结果有很多,如果我想把下面的关键字(:和=之间的字符串)做一次搜索,如何处理? 先右键全选复制到文本; 利用java截取关键字,这里假设取 ...
linux中搜索文件内容关键字--转载哈
linux中搜索文件内容关键字度娘了下,想找的答案就是这个,发现一堆xxxx的回答,在此记录下,方便以后查阅.谢谢 linux系统里的VI是编辑文本的命令,在vi里查找相应关键字的方法为: /关键字 ...
scrapy 搜索关键字_详解如何用爬虫批量抓取百度搜索多个关键字数据
本文介绍如何使用软件的流程图模式,免费采集百度搜索多个关键字的信息数据. 软件下载网址:www.houyicaiji.com 采集结果预览: 下面我们来详细介绍一下如何使用流程图模式,采集在百度输入多 ...

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

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

最新文章

热门文章