Номер строки Prism JS смещен в Chrome

#syntaxhighlighter #prismjs

#syntaxhighlighter #prismjs

Вопрос:

Я использую Prism Js для выделения кода, но в некоторых случаях номера строк в Chrome отображаются неправильно. Однако он отлично работает в Firefox. Вот скриншот.

введите описание изображения здесь

Кто-нибудь может помочь?

Комментарии:

1. Пожалуйста, опубликуйте здесь минимально воспроизводимую проблему, чтобы мы могли вам помочь!

2. Это происходит в нескольких местах. Я думаю, что это известная проблема в prismjs. Я пробовал решение, представленное в других ответах в stackoverlfow, но оно не сработало.

3. Если это известная проблема, вам следует попытаться найти в github проблемы с репозиторием prism js

Ответ №1:

Вы решаете это с помощью внешнего CDN. Попробуйте

 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/line-numbers/prism-line-numbers.min.css"/> 
 

и

 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
 

поверх вашей prism по умолчанию.