Как использовать SyntaxHighlighter для встроенного кода

Я использую Syntax Highlighter для своего веб-сайта. Но как я могу использовать его для встроенного кода? Я имею в виду, когда я использую его для встроенного кода, он по-прежнему показывает номер строки 1, и я хочу удалить его, поскольку нет смысла показывать номер строки для встроенного кода.

i.e

Я хочу

«Это код печати Java System.out.println("Hello");»

вместо

"Это код печати Java 1 |System.out.println("Hello");"

(обратите внимание на номер строки во втором случае)

Я искал его в Google, но безуспешно.


css syntax-highlighting syntaxhighlighter
person Insane Coder    schedule 14.01.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Существует конфигурация для включения/выключения номера строки: установка атрибута желоба позволяет включать и выключать желоб с номерами строк. Вот ссылка , Вот ДЕМО

person Merlin    schedule 14.01.2014
comment
Но все же элемент получает полную строку вместо того, чтобы быть в строке с другим текстом. Я думаю, это из-за <pre>, поэтому я попытался сделать его встроенным, используя pre {style:inline;}, но безрезультатно. Как я могу это сделать? - person Insane Coder; 14.01.2014
comment
@InsaneCoder извините, кажется, сложно реализовать то, что вы хотите. Потому что Syntax Highlighter изменяет исходную структуру DOM. Я пробовал код типа ‹p›‹p›…‹pre›код здесь…‹/pre›‹/p›‹/p›, но в конце концов дом выглядит как ‹p›...‹ /p›‹p›...‹/p›‹div›‹div›код здесь‹/div›‹/div›, поэтому в таком случае реализация встроенного кода означает, что нам действительно нужно понять, как он преобразует dom и взломайте его. - person Merlin; 15.01.2014
comment
Ссылка больше не работает. - person Ambroise Rabier; 14.06.2021