# Bro syntax highlighting with PrismJS

**URL:** <https://community.zeek.org/t/bro-syntax-highlighting-with-prismjs/4135>\
**Category:** Zeek\
**Created:** [May 1, 2016, 10:47pm UTC](https://community.zeek.org/t/bro-syntax-highlighting-with-prismjs/4135 "2016-05-01T22:47:38Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Wendy\_Edwards](https://avatars.discourse-cdn.com/v4/letter/w/bb73d2/32.png) [@Wendy\_Edwards](https://community.zeek.org/u/Wendy_Edwards)\
**Post date:** [May 1, 2016, 10:47pm UTC](https://community.zeek.org/t/bro-syntax-highlighting-with-prismjs/4135/1 "2016-05-01T22:47:38Z")

</div>

I put some demo pages showing Bro syntax highlighting using PrismJS at  
[http://open-nsm.github.io/prism-bro/](http://open-nsm.github.io/prism-bro/)

The source code is available at [https://github.com/open-nsm/prism-bro](https://github.com/open-nsm/prism-bro) .

PrismJS has also been included in the Google Polymer project. However, for those who only want Bro syntax highlighting, the approach in the demo is simple and easy to adapt. Just include the JS file and the CSS file for the style you want to use, and it’s a matter of copy pasting your code between the

```
<code …> tags.

It’s possible to include line numbers or line highlighting with any of the styles. They do appear to be mutually exclusive – you can have one but not both.

Wendy
```

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/zeek/original/1X/f09d732bc2cc7c7cc7e35db67cf4e1d5233ce7a7.png) [@system](https://community.zeek.org/u/system)\
**Post date:** [May 6, 2022, 3:43pm UTC](https://community.zeek.org/t/bro-syntax-highlighting-with-prismjs/4135/2 "2022-05-06T15:43:39Z")

</div>