Replace a char in the string with HTML element

Question

I'm getting system logs from the server and feeding them to my widget which appends new logs to the log-container element. Logs look like this:

2017-06-0512:11:53.066|error[61f4cdd07abb]sequential(sequential)|interval(0)Error:...

I'm appending with jquery like this:

 returnElement.append('<span class="message">' + log.message + '  </span><br>');

However, I would like to style these pipe symbols which act like delimiters in the logs |

Whats the best way to do this? Will probably have to wrap them with another span but I would like to avoid substringing each log.

Arg0n · Accepted Answer · 2017-06-05 12:25:35Z

1

You can do it with a RegExp, e.g.: msg.replace(/(\|)/g, '<span class="delimiter">$1</span>')

var msg = '2017-06-0512:11:53.066|error[61f4cdd07abb]sequential(sequential)|interval(0)Error:...';

document.write('<span>' + msg.replace(/(\|)/g, '<span class="delimiter">$1</span>') + '</span>');

.delimiter {
  font-weight: bold;
  color: green;
  font-size: 16pt;
  margin: 10px;
}

answered Jun 5, 2017 at 12:25

Arg0n

8,4532 gold badges26 silver badges39 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Replace a char in the string with HTML element

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related