Code block highlighting not working properly in view mode

[davidhcefx]

Is this a hackmd.io issue?

• [x] Yes, the bug happens on https://hackmd.io
• [ ] No. If it's a self-hosted CodiMD instance, please fire up the issue in the repo of CodiMD: https://github.com/hackmdio/codimd

Read our Official tutorial

It's on https://hackmd.io/c/tutorials/

或是中文版 https://hackmd.io/c/tutorials-tw/

What's the problem

Code block highlighting not working properly in view mode:

From the above screenshot, note that:

• The highlighting was always correct in edit mode.
• In view mode, there was no color at all.
• Turning on line-numbering or word-wrapping didn't solve the problem.

However, what's strange is that ADDING THE SECOND = OR ! DO SOLVE THE PROBLEM! I have no idea how that works.

Current behaviour

Screenshot as above

Provide steps to reproduce:

1. Try out the above code (https://hackmd.io/QFopG7pgTg6EInWFNSLMgg).

Expected behaviour

Code been highlighted properly instead of no color at all (black on white).

Environment

I use HackMD on:

Desktop

• OS: Windows 10
• Browser: Chrome
• Browser Version: 87.0.4280.88

Additional context

Add any other context about the problem here.

[jackycute]

Hi, the proper syntax highlighting works for shell will need to append $ or > before every command line, otherwise it's just output text.

$ echo $EDITOR
vim
$ git checkout master
Switched to branch 'master'
Your branch is up-to-date with 'origin/master'.
$ git push
Everything up-to-date
$ echo 'All
> done!'
All
done!
> find $PWD -maxdepth "4" -type 'f' -executable -perm -4000
$ find $PWD -maxdepth "4" -type 'f' -executable -perm -4000