# Use line-highlight PrismJS plugin in Ghost

**URL:** <https://forum.ghost.org/t/use-line-highlight-prismjs-plugin-in-ghost/12338>\
**Category:** Using Ghost\
**Created:** [February 28, 2020, 2:16am UTC](https://forum.ghost.org/t/use-line-highlight-prismjs-plugin-in-ghost/12338 "2020-02-28T02:16:58Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![gregpozo](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/gregpozo/32/3395_2.png) [@gregpozo](https://forum.ghost.org/u/gregpozo)\
**Post date:** [February 28, 2020, 2:16am UTC](https://forum.ghost.org/t/use-line-highlight-prismjs-plugin-in-ghost/12338/1 "2020-02-28T02:16:58Z")

</div>

In case someone is interested knowing how to do this, i wrote a blog post about it. Basically, you need to put your code you want to highlight between `<pre><code></code></pre>`and calling the class of line-highlight in a HTML block.

[https://ghostportal.co/line-highlight/](https://ghostportal.co/line-highlight/)

PS: huge thanks to @giacomosilli since it was you the one asking for this, which motivated me to look for a solution.

---

<div class="post-metadata">

**Author:** ![vikaspotluri123](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/vikaspotluri123/32/24_2.png) [@vikaspotluri123](https://forum.ghost.org/u/vikaspotluri123)\
**Post date:** [June 9, 2025, 4:43pm UTC](https://forum.ghost.org/t/use-line-highlight-prismjs-plugin-in-ghost/12338/2 "2025-06-09T16:43:21Z")

</div>



---

<div class="post-metadata">

**Author:** ![vikaspotluri123](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/vikaspotluri123/32/24_2.png) [@vikaspotluri123](https://forum.ghost.org/u/vikaspotluri123)\
**Post date:** [June 9, 2025, 4:43pm UTC](https://forum.ghost.org/t/use-line-highlight-prismjs-plugin-in-ghost/12338/3 "2025-06-09T16:43:23Z")

</div>