Skip to content

webui: Code highlighting #580

Closed
Closed

Description

@pawamoy

Currently code blocks are not highlighted in the webui. It would be nice to highlight them! As for emojis, maybe a javascript lib could do the trick, though it would not play well with the offline side of things.

Activity

  1. claudioantonio commented on Feb 28, 2021

    @claudioantonio
    Contributor

    @pawamoy could You add a screenshot about Your expectation? ;-)

  2. pawamoy commented on Feb 28, 2021

    @pawamoy
    Author

    Sure!

    Comment in git bug webui:

    Screenshot_2021-02-28_13-17-00

    (dark theme thanks to dark reader extension)

    Same comment on GitHub:

    Screenshot_2021-02-28_13-17-38

    I'm not asking to replicate the GitHub style of course, but simply for highlighting of code blocks, respecting the language given after the triple backticks (Python in this example).

    Hope this clarifies the feature request 🙂
    Also thank you very much for you quick answer @claudioantonio!

  3. MichaelMure commented on Feb 28, 2021

    @MichaelMure
    Contributor

    Markdown rendering is done in the webUI with remark-react and remark (https://github.com/MichaelMure/git-bug/blob/master/webui/src/components/Content/index.tsx#L10-L20).

    Remark has a long list of plugins that include syntax highlighting: https://github.com/remarkjs/remark/blob/main/doc/plugins.md

  4. github-actions commented on Jul 23, 2024

    @github-actions

    This bot triages untriaged issues and PRs according to the following rules:

    • After 90 days of inactivity, the lifecycle/stale label is applied
    • After 30 days of inactivity since lifecycle/stale was applied, the issue is closed

    To remove the stale status, you can:

    • Remove the lifecycle/stale label
    • Comment on this issue
  5. gutierri commented on Oct 17, 2024

    @gutierri

    @MichaelMure

    Markdown rendering is done in the webUI with remark-react and remark (https://github.com/MichaelMure/git-bug/blob/master/webui/src/components/Content/index.tsx#L10-L20).

    Remark has a long list of plugins that include syntax highlighting: https://github.com/remarkjs/remark/blob/main/doc/plugins.md

    How would it be possible to use these plugins with a git-bug installation in my project? Is this currently possible?

  6. github-actions commented on Apr 16, 2025

    @github-actions

    This bot triages issues in order to help the maintainers identify what
    needs attention, according to the following lifecycle rules:

    • After 90 days of inactivity, lifecycle/stale is applied
    • After 90 days of inactivity since lifecycle/stale was applied,
      lifecycle/rotten is applied

    This bot will not automatically close stale issues.

    To remove the stale status, you can:

    • Remove the stale label from this issue
    • Comment on this issue
    • Close this issue
    • Offer to help out with triaging

    To avoid automatic lifecycle management of this issue, add
    lifecycle/frozen.

  7. lygaret commented on May 17, 2025

    @lygaret
    Contributor

    @sudoforge I forgot to mention this as closed in the footer for #1444, but I believe this one is closed

  8. sudoforge commented on May 17, 2025

    @sudoforge
    Contributor

    i believe so, too. thanks for your hard work!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    area/ui/webRelates to the Web UIpriority/important-longtermImportant over the long term, but may not be staffed and/or may require multiple releasestriage/needs-milestoneNeeds to be added to a milestone

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions