question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Major issue with syntax-highlight plugin for multi-line code blocks

See original GitHub issue

@zachleat Everything that is being highlighted by eleventy-plugin-syntaxhighlight on 11ty.dev has some issues with the styling.

Each of the multi-line code blocks are formatted into a single line. This issue is probably happening for everyone using the plugin, as I first noticed it on my own website.

Also, all of the <pre> tags have an extra space at the beginning of the class declaration like this (which I don’t think matters but just wanted to note everything I saw)

<pre class=" language-html">

Screenshot of issue: Screen Shot 2020-12-12 at 1 26 21 PM

The above code snippets are supposed to be multi line but obviously they are not.

I tried to tweak the CSS in my prism.css file locally to get the multi-line format to come back but I’m still trying to figure out where exactly the problem is at.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:17 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
5t3phcommented, Dec 17, 2020

Confirmed as aXe by myself and also @bjankord

Can be temp resolved per-user by updating your Chrome extension settings for Site Access to “on click” as shown in the screenshot:

chrome extension settings for aXe

2reactions
zachleatcommented, Dec 23, 2020

Moved to eleventy-plugin-syntaxhighlight repo

Read more comments on GitHub >

github_iconTop Results From Across the Web

Syntax Highlight Guide | Visual Studio Code Extension API
Syntax Highlight Guide. Syntax highlighting determines the color and style of source code displayed in the Visual Studio Code editor.
Read more >
Extension:SyntaxHighlight - MediaWiki
The SyntaxHighlight extension, formerly known as SyntaxHighlight_GeSHi, provides rich formatting of source code using the ‎<syntaxhighlight> tag.
Read more >
SyntaxHighlighter Code Block – WordPress.com Support
With the SyntaxHighlighter Code block, you can display formatted code on the front end of your site. If you have a plugin-enabled site,...
Read more >
Markdown Syntax | Hub - JetBrains
Fenced Code Blocks · To create a fenced code block that spans multiple lines of code, set the text inside three or more...
Read more >
Version 20.03 - Code::Blocks
UI: Make it possible to type in the syntax highlight preview ... Code completion plugin: ... Fix parsing of multi-line #if defined() (ticket...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found