文章/答案/技术大牛

发布

社区首页 >问答首页 >根据内容更改行的Javascript RegExp

问根据内容更改行的Javascript RegExp
EN

Stack Overflow用户

提问于 2012-01-27 01:31:47

回答 1查看 53关注 0票数 0

我在使用Javascript和正则表达式时真的遇到了麻烦。我们有一个用log4J生成的日志文件，并希望呈现到一个html页面中。这个想法是根据错误的类型(警告，信息..)在行中添加一些样式。

可以创建一个正则表达式来转换每一行：

 [                          main] [ WARN] (26-01-12 17:06:09.168) Engine started
 [         startup-schema-loader] [ INFO] (26-01-12 17:06:09.168) Load on Startup Schemas Setup
 [         startup-schema-loader] [DEBUG] (26-01-12 17:06:09.168) dispatching request   [GwtReloadAllSchemasServerRequest : ]
 [               engine-thread-2] [ INFO] (26-01-12 17:06:09.171) Re-loading all schemas

变成类似这样的东西：

<span class="log-warn">[                          main] [ WARN] (26-01-12 17:06:09.168) Engine started</span>
<span class="log-info">[         startup-schema-loader] [ INFO] (26-01-12 17:06:09.168) L</span>

提前感谢

regex

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-01-27 01:48:21

在这里，只需将日志存储在名为logs的var中。

var html = logs.replace(/.*/g,function($0){
    var r = $0.match(/[A-Z]+(?=])/g); 
    return r ? '<span class="log-'+ r[0].toLowerCase()+'">' + $0 + '</span>' : $0})

工作示例：http://jsfiddle.net/nFwQT/

说明:在第一行中，我们使用正则表达式“拆分”每一行，并对每一行应用一个函数；在第二行中，我们使用一个匹配大写单词的正则表达式，后跟一个"]“；在第三行中，我们返回一个SPAN标记，其中包含一个基于匹配单词的类，或者如果没有找到匹配的元素，则只返回元素。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/9022521

复制

相似问题

问根据内容更改行的Javascript RegExp
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据内容更改行的Javascript RegExpEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问根据内容更改行的Javascript RegExp
EN