js处理文章内容匹配关键词，关键词高亮显示效果的实现

最新推荐文章于 2024-08-21 18:03:01 发布

bjlf_1989

最新推荐文章于 2024-08-21 18:03:01 发布

阅读量7.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：技术类文章标签： javascript

本文链接：https://blog.youkuaiyun.com/bjlf_1989/article/details/48135327

本文介绍了如何使用JavaScript处理富文本框中的文章内容，实现关键词的高亮显示。通过示例展示了在舆情文章中，企业名称和舆情要素以黄色突出显示的效果。文章详细讲解了js方法的实现过程，包括变量的处理、全文匹配检索以及使用字符数组处理多个舆情要素的替换操作，最终将处理后的内容赋值到富文本框中展示。

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

js处理富文本框中关键词高亮效果展示

最近在处理舆情文章的数据，提及的需求中涉及舆情要素以及公司名称需要在文章内容中高亮显示，以下方法使用js处理文章实现关键词的高亮显示

1、展示实现效果

由上图可看到，企业名称和舆情要素在舆情内容中实现了黄色高亮显示

2、js方法实现过程

	function showYuqingDetailInfo(id){
		$.post("<%=basePath%>/yuQing/getYuQingInfo",{
			"id":id},
			function(data){
				 $('#fm').form('load',data);
	             var fyqXwContent = data.fyqXwContent;
	             document.getElementById("fyqYwDom").href=data.fyqYwDom;
	             $('#fyqYwDomfont').html(data.fyqYwDom);
	             
	             var fyqYqElement = data.fyqYqElement;//舆情要素
	             var entname =