MacDownApp/macdown

Add a line wrapping option for code blocks

Open

#1136 opened on Dec 30, 2019

View on GitHub
 (1 comment) (2 reactions) (0 assignees)Objective-C (7,686 stars) (930 forks)batch import
enhancementgood first issue

Description

I'd like there to be an option to have code blocks be line wrapped. Maybe a check box for it in Rendering -> "Syntax highlighted code block" next to "Show line numbers" etc.?

If I try hard enough I can dig through the css files in Contents/Resources/Prism/themes and change "white-space: pre;" to "white-space: pre-wrap;", but doing so breaks the code signature of the app. And that's not a very nice way to do it anyway.

Contributor guide

Tech stack
objective ccss
Domain
desktop
Issue type
feature
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.
half day
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
CSSmacOS app development basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
Locate the preferences UI for syntax highlighted code blocks, likely in the app's rendering settings. Add a checkbox for line wrapping. Modify the CSS in Contents/Resources/Prism/themes to conditionally change white space to pre wrap when enabled. Confirm with maintainer if the approach is acceptable.