Comments (4)
Sorry for missing the first notification. It’s not easy to do right now. I’ve just learned that I can probably switch from stringified HTML nodes to an embedded HTML AST, which would make this sort of thing much easier, though it will be a bit of a refactor, and as you’ve noticed, I don’t have the bandwidth to do anything major on this plugin at the moment. One workaround would be to use the yet-undocumented GraphQL API to render the code blocks yourself, though this is probably way overkill for your scenario. There’s an example here: https://github.com/andrewbranch/gatsby-remark-vscode/blob/master/examples/example-site/src/templates/react-blog-post.js
Another idea would be to use another plugin before gatsby-remark-vscode, as discussed in #19, though this won’t get you exactly what you’re asking for.
from gatsby-remark-vscode.
Thanks for the response!
I am already using gatsby-plugin-mdx
and passing a customized CodeBlock
component, which wraps the result of gatsby-remark-vscode
.
Like you suggested, I think I could use the GraphQL API to render the blocks and derive custom props (like title
) by doing so.
Before discovering this project, I tried rendering code blocks using highlightjs
and refractor
.
Those implementations produced results that weren't as polished as the ones produced by remark-vscode
.
Thanks again for your response!
from gatsby-remark-vscode.
Hey @andrewbranch
Is there any method to resolve this issue?
Thanks again for your time and for actively maintaining this project!
from gatsby-remark-vscode.
For reference: mdx-js/mdx#702
from gatsby-remark-vscode.
Related Issues (20)
- option to show line numbers by default
- Feature request: Support for plaintext within inline code and consider plain text as default when no marker is set
- Version 3 Fails with ‘UNHANDLED REJECTION createNodeId is not a function’ HOT 3
- Not able to add additional languages HOT 2
- Clear tutorial or documentation how to add new language HOT 11
- Multiple language registrations can have the same scope/config
- Feature request: Title Header for the Script Name HOT 1
- Add horizontal scroll, have problems with longer code HOT 1
- sv language support HOT 1
- highlighting doesn't working with custom MDXProvider, MDXRenderer HOT 3
- Table layout causes diff and line highlight errors HOT 3
- Update for gatsby v3 HOT 11
- Non-Gatsby Remark Plugin in MDSveX HOT 2
- When used without gatsby, injects styles when neither code spans nor code blocks have been found
- How to use the GitHub VSCode theme HOT 2
- Gatsby 4: Type with name "GRVSCCodeSpan" does not exists HOT 8
- Remove Gatsby peer dependencies HOT 3
- How to add Language Support for extensions not on NPM? HOT 1
- Comments in highlighted sections are stripped
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-vscode.