62,054
社区成员
发帖
与我相关
我的任务
分享如何高亮显示字符串中的某些词
大家好，我有一个小问题想请交各位大侠：
我有一个搜索页面，返回的结果是一大串字符串，我需要将关键词高亮显示出来。
比如说，我的输入字串是（我随便从cnn.com上取了一段做例子）以下一串字符，我的关键词是: Hampton, amendment , Heath
If lawmakers don't take action in the final weeks of the legislative session, the battle will move to the courthouse this spring, said state Rep. Tyrone Brooks, an Atlanta Democrat and civil rights activist leading the officers' campaign.
"I was hoping we wouldn't have to go this route, but litigation appears to be our only option," Brooks said.
Ronald Hampton, executive director of the National Black Police Association, said he knows of no other state with a similar pension situation. "Only Georgia is shameless enough to still have this out there," Hampton said.
The Georgia House has twice passed an amendment resolution but it has gone nowhere in the state Senate. An amendment requires a vote of two-thirds of each chamber as well as approval by voters.
"We can't fix everything for everybody," said state Sen. Bill Heath, chairman of the Senate Retirement Committee.
Heath, a Republican, argued that making retroactive changes to retirement benefits "opens up a can of worms and could destroy the pension system."
我想得到的字串是：
...Ronald Hampton, executive director of the National Black Police Association, said he knows of no other state with a similar pension situation. "Only Georgia is shameless enough to still have this out there," Hampton said. ...An amendment requires a vote of two-thirds of each chamber as well as approval by voters.....
"We can't fix everything for everybody," said state Sen. Bill Heath, chairman of the Senate Retirement Committee.
Heath, a Republican, argued that making retroactive....
各位请注意关键词可以有多个，输入的字串大小不一，最好是所有的关键词都给显示出来。那由于各个关键词在搜索结果中的距离会不一样，所以必须对间隔得远的关键词中间用省略号处理。例外就是最后的返回结果长度最好是可以自由设定，比如说这是一个method，那参数将会是：input, output, keyword[], length
不知各位谁能提供一些好的建议或者最好是有现成的代码，非常感谢。
我有一个搜索页面，返回的结果是一大串字符串，我需要将关键词高亮显示出来。
比如说，我的输入字串是（我随便从cnn.com上取了一段做例子）以下一串字符，我的关键词是: Hampton, amendment , Heath
If lawmakers don't take action in the final weeks of the legislative session, the battle will move to the courthouse this spring, said state Rep. Tyrone Brooks, an Atlanta Democrat and civil rights activist leading the officers' campaign.
"I was hoping we wouldn't have to go this route, but litigation appears to be our only option," Brooks said.
Ronald Hampton, executive director of the National Black Police Association, said he knows of no other state with a similar pension situation. "Only Georgia is shameless enough to still have this out there," Hampton said.
The Georgia House has twice passed an amendment resolution but it has gone nowhere in the state Senate. An amendment requires a vote of two-thirds of each chamber as well as approval by voters.
"We can't fix everything for everybody," said state Sen. Bill Heath, chairman of the Senate Retirement Committee.
Heath, a Republican, argued that making retroactive changes to retirement benefits "opens up a can of worms and could destroy the pension system."
我想得到的字串是：
...Ronald Hampton, executive director of the National Black Police Association, said he knows of no other state with a similar pension situation. "Only Georgia is shameless enough to still have this out there," Hampton said. ...An amendment requires a vote of two-thirds of each chamber as well as approval by voters.....
"We can't fix everything for everybody," said state Sen. Bill Heath, chairman of the Senate Retirement Committee.
Heath, a Republican, argued that making retroactive....
各位请注意关键词可以有多个，输入的字串大小不一，最好是所有的关键词都给显示出来。那由于各个关键词在搜索结果中的距离会不一样，所以必须对间隔得远的关键词中间用省略号处理。例外就是最后的返回结果长度最好是可以自由设定，比如说这是一个method，那参数将会是：input, output, keyword[], length
不知各位谁能提供一些好的建议或者最好是有现成的代码，非常感谢。
...全文
请发表友善的回复…
发表回复
h3cchoc 2011-09-29
- 打赏
- 举报
不知道楼主这个功能实现没有？
我现在也需要实现类似功能~~~
我现在也需要实现类似功能~~~
uestcpuppy 2011-07-22
- 打赏
- 举报
如果需要高亮显示的词比较多,并且对性能有很高的要求
需要使用“多模匹配算法”,这是一种入侵检测系统中
常用的文本匹配算法, 比较成熟的有AC算法, 可以查查
资料
需要使用“多模匹配算法”,这是一种入侵检测系统中
常用的文本匹配算法, 比较成熟的有AC算法, 可以查查
资料
zhaozhao110 2008-03-03
- 打赏
- 举报
还是replace啊，为什么不行呢？
private void replace_str(string str,string[] s)
{
.........
}
private void replace_str(string str,string[] s)
{
.........
}
蝶恋花雨 2008-03-03
- 打赏
- 举报
学习下。没做过帮你顶下啊。
蝶恋花雨 2008-03-03
- 打赏
- 举报
/*----------------------------------------*\
* 使用 js 标记高亮关键词 by markcxz(markcxz@aol.com)
* 参数说明:
* obj: 对象, 要进行高亮显示的html标签节点.
* hlWords: 字符串, 要进行高亮的关键词词, 使用 竖杠(|)或空格 分隔多个词 .
* cssClass: 字符串, 定义关键词突出显示风格的css伪类.
* 参考资料: javascript HTML DOM 高亮显示页面特定字词 By shawl.qiu
\*----------------------------------------*/
function MarkHighLight(obj,hlWords,cssClass){
hlWords=AnalyzeHighLightWords(hlWords);
if(obj==null || hlWords.length==0)
return;
if(cssClass==null)
cssClass="highlight";
MarkHighLightCore(obj,hlWords);
//------------执行高亮标记的核心方法----------------------------
function MarkHighLightCore(obj,keyWords){
var re=new RegExp(keyWords, "i");
for(var i=0; i<obj.childNodes.length; i++){
var childObj=obj.childNodes[i];
if(childObj.nodeType==3){
if(childObj.data.search(re)==-1)continue;
var reResult=new RegExp("("+keyWords+")", "gi");
var objResult=document.createElement("span");
objResult.innerHTML=childObj.data.replace(reResult,"<span class='"+cssClass+"'>$1</span>");
if(childObj.data==objResult.childNodes[0].innerHTML) continue;
obj.replaceChild(objResult,childObj);
}else if(childObj.nodeType==1){
MarkHighLightCore(childObj,keyWords);
}
}
}
//----------分析关键词----------------------
function AnalyzeHighLightWords(hlWords)
{
if(hlWords==null) return "";
hlWords=hlWords.replace(/\s+/g,"|").replace(/\|+/g,"|");
hlWords=hlWords.replace(/(^\|*)|(\|*$)/g, "");
if(hlWords.length==0) return "";
var wordsArr=hlWords.split("|");
if(wordsArr.length>1){
var resultArr=BubbleSort(wordsArr);
var result="";
for(var i=0;i<resultArr.length;i++){
result=result+"|"+resultArr[i];
}
return result.replace(/(^\|*)|(\|*$)/g, "");
}else{
return hlWords;
}
}
//-----利用冒泡排序法把长的关键词放前面-----
function BubbleSort(arr){
var temp, exchange;
for(var i=0;i<arr.length;i++){
exchange=false;
for(var j=arr.length-2;j>=i;j--){
if((arr[j+1].length)>(arr[j]).length){
temp=arr[j+1]; arr[j+1]=arr[j]; arr[j]=temp;
exchange=true;
}
}
if(!exchange)break;
}
return arr;
}
}
演示地址http://www.cnblogs.com/Files/cncxz/MarkHighLight_Demo.htm
* 使用 js 标记高亮关键词 by markcxz(markcxz@aol.com)
* 参数说明:
* obj: 对象, 要进行高亮显示的html标签节点.
* hlWords: 字符串, 要进行高亮的关键词词, 使用 竖杠(|)或空格 分隔多个词 .
* cssClass: 字符串, 定义关键词突出显示风格的css伪类.
* 参考资料: javascript HTML DOM 高亮显示页面特定字词 By shawl.qiu
\*----------------------------------------*/
function MarkHighLight(obj,hlWords,cssClass){
hlWords=AnalyzeHighLightWords(hlWords);
if(obj==null || hlWords.length==0)
return;
if(cssClass==null)
cssClass="highlight";
MarkHighLightCore(obj,hlWords);
//------------执行高亮标记的核心方法----------------------------
function MarkHighLightCore(obj,keyWords){
var re=new RegExp(keyWords, "i");
for(var i=0; i<obj.childNodes.length; i++){
var childObj=obj.childNodes[i];
if(childObj.nodeType==3){
if(childObj.data.search(re)==-1)continue;
var reResult=new RegExp("("+keyWords+")", "gi");
var objResult=document.createElement("span");
objResult.innerHTML=childObj.data.replace(reResult,"<span class='"+cssClass+"'>$1</span>");
if(childObj.data==objResult.childNodes[0].innerHTML) continue;
obj.replaceChild(objResult,childObj);
}else if(childObj.nodeType==1){
MarkHighLightCore(childObj,keyWords);
}
}
}
//----------分析关键词----------------------
function AnalyzeHighLightWords(hlWords)
{
if(hlWords==null) return "";
hlWords=hlWords.replace(/\s+/g,"|").replace(/\|+/g,"|");
hlWords=hlWords.replace(/(^\|*)|(\|*$)/g, "");
if(hlWords.length==0) return "";
var wordsArr=hlWords.split("|");
if(wordsArr.length>1){
var resultArr=BubbleSort(wordsArr);
var result="";
for(var i=0;i<resultArr.length;i++){
result=result+"|"+resultArr[i];
}
return result.replace(/(^\|*)|(\|*$)/g, "");
}else{
return hlWords;
}
}
//-----利用冒泡排序法把长的关键词放前面-----
function BubbleSort(arr){
var temp, exchange;
for(var i=0;i<arr.length;i++){
exchange=false;
for(var j=arr.length-2;j>=i;j--){
if((arr[j+1].length)>(arr[j]).length){
temp=arr[j+1]; arr[j+1]=arr[j]; arr[j]=temp;
exchange=true;
}
}
if(!exchange)break;
}
return arr;
}
}
演示地址http://www.cnblogs.com/Files/cncxz/MarkHighLight_Demo.htm
蝶恋花雨 2008-03-03
- 打赏
- 举报
http://www.cnblogs.com/cncxz/archive/2007/07/15/818508.html使用 javascript 标记高亮关键词 刚找到。你
可以参考下
可以参考下
RaymondXie 2008-03-02
- 打赏
- 举报
多谢关注。我想有些朋友没有注意到真正的要求所在：
替换关键词简单得很，可是如何将输入的长字符串抽取其中的关键字（而且是多个关键字），这些关键字还可能处于不同的位置，位置可远可近，如果太远了，不可以将中间所有不需要的字符串显示出来，而是要用省略号代替。
这是不是一道需要动些脑子的题目？
替换关键词简单得很，可是如何将输入的长字符串抽取其中的关键字（而且是多个关键字），这些关键字还可能处于不同的位置，位置可远可近，如果太远了，不可以将中间所有不需要的字符串显示出来，而是要用省略号代替。
这是不是一道需要动些脑子的题目？
lvjie717 2008-03-02
- 打赏
- 举报
4楼正解
春天的气息 2008-03-02
- 打赏
- 举报
得到大字符串后，查查用替换的方式高亮显示关键字了，
如果关键字很，建议设立关键字库，高亮显示效果设置、超链接设置
如果关键字很，建议设立关键字库，高亮显示效果设置、超链接设置
zhanghaoyue 2008-03-02
- 打赏
- 举报
replace("关键字","<font color=red>关建字</font>")
octverve 2008-03-02
- 打赏
- 举报
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单个关键词的处理</title>
<style type="text/css">
<!--
.adKeyword {
color: #FF0000;
}
-->
</style>
</head>
<body>
<p> 一个和尚挑水吃、两个和尚抬水吃、三个和尚没水吃。总寺的方丈大人得知情况后，就派来了一名主持和一名书记，共同负责解决这一问题。主持上任后，发现问题的关键是管理不到位，于是就招聘一些和尚成立了寺庙管理部来制定分工流程。为了更好地借鉴国外的先进经验，寺庙选派唐僧等领导干部出国学习取经；此外，他们还专门花钱请了天主教、基督教的神父传授MBA。神父呆了不久留下几个东东就走了，一个叫BPR，一个叫ERP。</p>
<p> </p>
<p> 书记也没闲着，他认为问题的关键在于人才没有充分利用、寺庙文化没有建设好，于是就成立了人力资源部和寺庙工会等等，并认认真真地走起了竞聘上岗和定岗定编的过场。</p>
<p> </p>
<p> 寺院特意购买了几个计算机系统，包括挑水统计系统、烧香统计系统、普通香客捐款分析系统、大香客捐款分析系统、挨上必死系统（简称IBS系统）、马上就死系统（简称MS系统）等，同时成立香火钱管理部、香火钱出账部、打井策略研究部、打井建设部、打井维护部等等。由于各个系统出来的数总不准确、都不一致，于是又成立了技术开发中心，负责各个系统的维护、二次开发。由于部门太多、办公场地不足，寺院专门成立了综合部来解决这一问题，最后决定把寺院整个变成办公区，香客烧香只许在山门外烧。 </p>
<p> </p>
<p> 部门多、当官的多档和开会自然就多，为了减少文山会海，综合办牵头召开了N次关于减少开会的会，并下达了“关于减少档的档”。同时，为了精简机构、提高效率，寺院还成立了精简机构办公室、机构改革研究部等部门。 </p>
<p> </p>
<p> 一切似乎都合情合理，但香火钱和喝水的问题还是迟迟不能解决。问题在哪呢？有的和尚提出来每月应该开一次分析会，于是经营分析部就应运而生了。分析需要很多数据和报表，可系统总是做不到，于是每个部门都指派了一些和尚手工统计、填写报表、给系统打工。</p>
<p> </p>
<p> 寺院空前地热闹起来，有的和尚在拼命挑水、有的和尚在拼命念经、有的和尚在拼命协调、有的和尚在拼命分析……忙来忙去，水还是不够喝、香火钱还是不够用。什么原因呢？这个和尚说流程不顺、那个和尚说任务分解不合理，这个和尚说部门界面不清、那个和尚说考核力度不够。只有三个人最清楚问题之关键所在，那三个人就是最早的那三都甩不掉！”</p>
<p> </p>
<p> 又过了一年，寺院黄了，和尚们也都死了。人们在水井边发现了几具尸体，是累死的；在寺院里发现了几千具尸体，是渴死的。</p>
</body>
</html>
<script language="JavaScript" type="text/javascript"><!--
if(document.createRange){
var range = document.createRange();
}else
var range = document.body.createTextRange();
if(range.findText){
while(range.findText("和尚")){
range.pasteHTML(range.text.fontcolor("#ff0000"));
range.collapse(true);
}
}else{
var s,n;
s = window.getSelection();
while(window.find("和尚")){
var n = document.createElement("SPAN");
n.style.color="#ff0000"
s.getRangeAt(0).surroundContents(n);
}
}
//--></script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>单个关键词的处理</title>
<style type="text/css">
<!--
.adKeyword {
color: #FF0000;
}
-->
</style>
</head>
<body>
<p> 一个和尚挑水吃、两个和尚抬水吃、三个和尚没水吃。总寺的方丈大人得知情况后，就派来了一名主持和一名书记，共同负责解决这一问题。主持上任后，发现问题的关键是管理不到位，于是就招聘一些和尚成立了寺庙管理部来制定分工流程。为了更好地借鉴国外的先进经验，寺庙选派唐僧等领导干部出国学习取经；此外，他们还专门花钱请了天主教、基督教的神父传授MBA。神父呆了不久留下几个东东就走了，一个叫BPR，一个叫ERP。</p>
<p> </p>
<p> 书记也没闲着，他认为问题的关键在于人才没有充分利用、寺庙文化没有建设好，于是就成立了人力资源部和寺庙工会等等，并认认真真地走起了竞聘上岗和定岗定编的过场。</p>
<p> </p>
<p> 寺院特意购买了几个计算机系统，包括挑水统计系统、烧香统计系统、普通香客捐款分析系统、大香客捐款分析系统、挨上必死系统（简称IBS系统）、马上就死系统（简称MS系统）等，同时成立香火钱管理部、香火钱出账部、打井策略研究部、打井建设部、打井维护部等等。由于各个系统出来的数总不准确、都不一致，于是又成立了技术开发中心，负责各个系统的维护、二次开发。由于部门太多、办公场地不足，寺院专门成立了综合部来解决这一问题，最后决定把寺院整个变成办公区，香客烧香只许在山门外烧。 </p>
<p> </p>
<p> 部门多、当官的多档和开会自然就多，为了减少文山会海，综合办牵头召开了N次关于减少开会的会，并下达了“关于减少档的档”。同时，为了精简机构、提高效率，寺院还成立了精简机构办公室、机构改革研究部等部门。 </p>
<p> </p>
<p> 一切似乎都合情合理，但香火钱和喝水的问题还是迟迟不能解决。问题在哪呢？有的和尚提出来每月应该开一次分析会，于是经营分析部就应运而生了。分析需要很多数据和报表，可系统总是做不到，于是每个部门都指派了一些和尚手工统计、填写报表、给系统打工。</p>
<p> </p>
<p> 寺院空前地热闹起来，有的和尚在拼命挑水、有的和尚在拼命念经、有的和尚在拼命协调、有的和尚在拼命分析……忙来忙去，水还是不够喝、香火钱还是不够用。什么原因呢？这个和尚说流程不顺、那个和尚说任务分解不合理，这个和尚说部门界面不清、那个和尚说考核力度不够。只有三个人最清楚问题之关键所在，那三个人就是最早的那三都甩不掉！”</p>
<p> </p>
<p> 又过了一年，寺院黄了，和尚们也都死了。人们在水井边发现了几具尸体，是累死的；在寺院里发现了几千具尸体，是渴死的。</p>
</body>
</html>
<script language="JavaScript" type="text/javascript"><!--
if(document.createRange){
var range = document.createRange();
}else
var range = document.body.createTextRange();
if(range.findText){
while(range.findText("和尚")){
range.pasteHTML(range.text.fontcolor("#ff0000"));
range.collapse(true);
}
}else{
var s,n;
s = window.getSelection();
while(window.find("和尚")){
var n = document.createElement("SPAN");
n.style.color="#ff0000"
s.getRangeAt(0).surroundContents(n);
}
}
//--></script>
ccaakkee 2008-03-02
- 打赏
- 举报
关注 帮顶
huangbie 2008-03-02
- 打赏
- 举报
up
