Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: Syntax Highlighting for <code></code> Blocks in Blog Posts #90

Open
helmturner opened this issue Jun 27, 2022 · 0 comments
Open
Labels
design/ux front end front end dev tasks (react/js component builds, css, html)

Comments

@helmturner
Copy link
Collaborator

helmturner commented Jun 27, 2022

Note: for support questions, please use #ug-code-for-tulsa slack channel in Techlahoma or stackoverflow. This repository's issues are reserved for feature requests and bug reports.

  • I'm submitting a ...

feature request

  • What is the current behavior?

<code></code> blocks render with basic white-text-on-black styling without syntax highlighting features.

Not a bug

  • What is the expected behavior?

Language-specific syntax highlighting should be rendered for <code></code> blocks where a language is appropriately specified in the markdown.

  • What is the motivation / use case for changing the behavior?

Improve visual display of code elements

  • Please tell us about your environment:
  • Version: 0.1.0 at Dev #71
  • Browser: all
  • Language: all
  • Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Implementation would likely involve the use of highlight.js or Prims.js, either directly or through their associated unified plugins, rehype-highlight and rehype-prism, respectively. See this page for more information.
NOTE: Special attention may need to be paid to the interaction between this feature and the rehype-sanitize plugin.

@zenlex zenlex moved this to Backlog in Website Rebuild 2022 Oct 22, 2022
@zenlex zenlex added design/ux front end front end dev tasks (react/js component builds, css, html) labels Oct 22, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design/ux front end front end dev tasks (react/js component builds, css, html)
Projects
Status: Backlog
Development

No branches or pull requests

2 participants