Question

我真的遇到了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>

提前致谢

Answer 1

在这里，只需将日志存储在名为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标记，其中包含一个基于匹配单词的类，如果没有找到匹配则只返回该元素。

Javascript RegExp根据内容更改一行

1 个答案: