jsonresume.org icon indicating copy to clipboard operation
jsonresume.org copied to clipboard

add support multiple lines in "summary" section

Open duchenpaul opened this issue 1 year ago • 4 comments

Is your feature request related to a problem? Please describe. The render engineer seems to ignore newline symbols such as, so they render as one paragraph:

  summary: "line 1\nline 2\nline 3\nline 4"

Describe the solution you'd like Summary sections could be better as one paragraph, but I think it is good to leave it to the users, so I suggest the render engine doesn't ignore newline (\n), tab (\t), etc.

Describe alternatives you've considered Use <br> instead

Additional context no

duchenpaul avatar Jun 15 '24 13:06 duchenpaul

@duchenpaul which theme are you currently using?

thomasdavis avatar Jun 15 '24 17:06 thomasdavis

I tried 2 themes, macchiato and Kendall, none of them rendered newline, I will try and see if <br> can help

My resume in json

duchenpaul avatar Jun 16 '24 00:06 duchenpaul

~~<br> will render as newline! this is cool!~~ <br> will render as newline in Kendall, but not macchiato

duchenpaul avatar Jun 16 '24 00:06 duchenpaul

I'm going to add markdown support to summary fields in professional theme

thomasdavis avatar Jul 10 '24 13:07 thomasdavis

✅ Implemented

Added full markdown support to the professional theme for summary and highlights fields.

Implementation Details

Components Updated:

  • Summary.js - Now parses summary field as markdown with line breaks enabled
  • Experience.js - Renders work/volunteer summary fields with markdown
  • List.js - Parses highlight list items as inline markdown

Markdown Features Supported:

  • Line breaks using \n or two spaces + newline
  • Bold and italic text
  • Links
  • Code blocks and inline code
  • Blockquotes
  • Lists (when appropriate)
  • And all other standard markdown features

Usage Example

{
  "basics": {
    "summary": "Experienced developer\n\nSpecializing in:\n- Web development\n- Cloud architecture"
  },
  "work": [{
    "summary": "Led team of **5 developers**\n\nKey achievements:\n- Increased performance by 40%",
    "highlights": [
      "Built [microservices architecture](https://example.com)",
      "**Reduced** deployment time from 2 hours to 15 minutes"
    ]
  }]
}

This implementation uses the marked library for parsing and renders with proper line break support.

Committed in 62c6c54

thomasdavis avatar Oct 05 '25 05:10 thomasdavis