Core Code Block Enhancements ✨ - Githubissues

wp-graphql / acf.wpgraphql.com

https://acf.wpgraphql.com

1 stars 1 forks source link

Core Code Block Enhancements ✨ #28

Closed josephfusco closed 6 months ago

josephfusco commented 8 months ago

ℹ️ User Story

As a documentation reader, I want syntax highlighting and line number highlighting in code blocks, to improve readability and facilitate learning.

✅ Acceptance Criteria

[x] Syntax highlighting support for the following languages (bare minimum)
- GraphQL
- JavaScript
- JSON
- HTML
[x] Publisher option to enable line numbers.
[x] Publisher option to highlight specific line numbers.

⚠️ Technical Details

Utilize the WordPress plugin Syntax Highlighting Code Block for enhancing code block functionality.
Integrate highlight.js for front-end syntax highlighting within the Next.js app.

📔 Notes

Ensure that the implementation is performant and does not add unnecessary load to the web page.
Validate the functionality across multiple browsers and screen sizes.

josephfusco commented 8 months ago

The Syntax Highlighting Code Block plugin is active on the WordPress site.

Still need to import the highlight.js styles within the Next.js app.