hackmdio/codimd

Shell syntax highlighting looks good in editor but odd in published view

Open

#733 opened on Feb 19, 2018

View on GitHub
 (4 comments) (0 reactions) (0 assignees)JavaScript (8,949 stars) (1,038 forks)batch import
enhancementhelp wanted

Description

It looks like the syntax highlighting, at least for shell commands and scripts, is handled differently in the editor and the published view. The published view does odd things.

My example document is this one and here is a screenshot of how inconsistent the right panel makes it look:

Contributor guide

Tech stack
javascripthtmlcss
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
None
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
Investigate the difference in syntax highlighting between the editor and published view. Look at the rendering pipeline in the `lib/` directory and the CSS files for syntax highlighting. Check if the published view uses a different library (e.g., highlight.js) and compare configuration.