Comments (3)
Well, I believe it's a config related to prismjs; but not sure. My code does not have proper indentation. This is how it looks:
This is how the markdown looks:
from gatsby-remark-highlight-code.
I see.. Might be related to: #53 when adding nowrap
.
If I add pre-wrap
indentation is back, but then I get wordwrap.
Is there a way to achieve both?
This is my workaround for now, although hacky:
deckgo-highlight-code {
--deckgo-highlight-code-white-space: pre-wrap;
--deckgo-highlight-code-container-width: 200vw;
}
from gatsby-remark-highlight-code.
No options are currently implemented to set the normalize whitespace options of PrismJS.
I'm not against it and PR are welcomed. It would need one in the component and then another PR to add the options to this plugin parser.
Likewise, if a CSS variable is missing, happy to welcome more variables or part
.
from gatsby-remark-highlight-code.
Related Issues (20)
- Syntax highlighting not working on deployed site HOT 7
- Configuration does not take effect afterwards HOT 9
- Unable to display code if language is not supported HOT 3
- Support for highlightLines attribute HOT 10
- Unable to highlight a single line using the current parseLanguageAndHighlightedLines implementation HOT 5
- couldnt get this to work HOT 11
- No highlights by default? HOT 7
- Hide the colored balls in Carbon theme HOT 1
- Highlight-lines does not work anymore
- It looks like language mermaid is not supported HOT 6
- How do I override inlineCode? HOT 7
- Hiding the header? HOT 1
- Overflow: scroll HOT 1
- Disabling wordwrap / enabling overflow:scroll? HOT 1
- Support for gatsby 4? HOT 7
- Rerendering deckgo-highlight-code compontent on state change HOT 3
- My code doesn't highlight. HOT 1
- Support for gatsby 5? HOT 7
- Plugin doesnt work in gatsby v5 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from gatsby-remark-highlight-code.