Как я могу показать JavaScript и другой код на моей веб-странице, чтобы его можно было скопировать?

Question

Здесь при переполнении стека, когда мы вводим код в определенном формате, он будет отображаться как код с подсветкой синтаксиса. Я хочу иметь возможность сделать это на своем веб-сайте, однако я хочу использовать формат в Mozilla Developer Network !

Я видел этот стиль отображения кода на многих веб-сайтах, но не смог понять, как они это делают, и, в частности, как они допускают опции «Просмотр в простом» и «Печать».

Я предполагаю, что есть плагин, который я могу использовать, но я не знаю, где его найти.

Answer 1

Да, это называется SyntaxHighlighter .В зависимости от структуры вашего веб-сайта (это блог?) Вы можете найти несколько решений в соответствии с вашими потребностями.Существует множество плагинов для Wordpress , которые используют, например, SyntaxHighlighter.Год назад я был в такой же ситуации и решил сделать свою собственную под названием Crayon .Обратите внимание, что Crayon не использует SyntaxHighlighter, я создал его с нуля и что он использует подсветку на стороне сервера через PHP и использует JavaScript только для интерактивности.SyntaxHighlighter использует только JavaScript и является подсветкой на стороне клиента.