How to add line breaks for newlines?

Is there an option to add line breaks for newlines when the user presses “enter” in the markdown? I tried converting all newlines \n to <br> but it seems to break parsing in other places.

marked has a breaks option to allow this: https://github.com/markedjs/marked/

[AJamesPhillips]

I’d toyed with just adding a trailing double space which also works. For now I am passing the content through the following function before passing to markdown-to-jsx:

const regexp_list_line = /^[ \t]*(\*|\d+\.)/gm
const regexp_text_line = /^[ \t]*[^\s]+/gm
export function add_newlines_to_markdown (text: string): string
{
    const new_lines: string[] = []

    const lines = text.split("\n")
    lines.forEach((line, i) =>
    {
        if (i > 0)
        {
            const previous_line = lines[i - 1]
            if (previous_line.match(regexp_text_line) && !previous_line.match(regexp_list_line))
            {
                if (line.match(regexp_list_line))
                {
                    new_lines[i - 1] = previous_line + "\n"
                }
                else if (line.match(regexp_text_line))
                {
                    new_lines[i - 1] = previous_line + "<br>"
                }
            }
        }
        new_lines.push(line)
    })

    const new_text = new_lines.join("\n")

    return new_text
}



function run_tests ()
{
    test(add_newlines_to_markdown(`test 1
test2`), `test 1<br>
test2`)

    const bulleted_items = `* Test bullet 1
* Test bullet 2`
    test(add_newlines_to_markdown(bulleted_items), bulleted_items)



    const input_text = `Test 1
Test
  Test 3${"  "}
\tTest 4
* Test bullet 1
* Test bullet 2

Test 5
1. Test number 1
2. Test number 2

`

    const prepared_text = add_newlines_to_markdown(input_text)
    const expected_text = `Test 1<br>
Test<br>
  Test 3  <br>
\tTest 4\n
* Test bullet 1
* Test bullet 2

Test 5\n
1. Test number 1
2. Test number 2

`

    test(prepared_text, expected_text)
}

run_tests()

So that this text:

Test 1
Test
  Test 3  // <- note two trailing spaces
	Test 4
* Test bullet 1
* Test bullet 2

Renders as:

Test 1 Test Test 3
Test 4

• Test bullet 1
• Test bullet 2

Instead of as:

Test 1 Test Test 3 Test 4 * Test bullet 1 * Test bullet 2

[joebnb]

I’d toyed with just adding a trailing double space which also works. For now I am passing the content through the following function before passing to markdown-to-jsx:

const regexp_list_line = /^[ \t]*(\*|\d+\.)/gm
const regexp_text_line = /^[ \t]*[^\s]+/gm
export function add_newlines_to_markdown (text: string): string
{
    const new_lines: string[] = []

    const lines = text.split("\n")
    lines.forEach((line, i) =>
    {
        if (i > 0)
        {
            const previous_line = lines[i - 1]
            if (previous_line.match(regexp_text_line) && !previous_line.match(regexp_list_line))
            {
                if (line.match(regexp_list_line))
                {
                    new_lines[i - 1] = previous_line + "\n"
                }
                else if (line.match(regexp_text_line))
                {
                    new_lines[i - 1] = previous_line + "<br>"
                }
            }
        }
        new_lines.push(line)
    })

    const new_text = new_lines.join("\n")

    return new_text
}



function run_tests ()
{
    test(add_newlines_to_markdown(`test 1
test2`), `test 1<br>
test2`)

    const bulleted_items = `* Test bullet 1
* Test bullet 2`
    test(add_newlines_to_markdown(bulleted_items), bulleted_items)



    const input_text = `Test 1
Test
  Test 3${"  "}
\tTest 4
* Test bullet 1
* Test bullet 2

Test 5
1. Test number 1
2. Test number 2

`

    const prepared_text = add_newlines_to_markdown(input_text)
    const expected_text = `Test 1<br>
Test<br>
  Test 3  <br>
\tTest 4\n
* Test bullet 1
* Test bullet 2

Test 5\n
1. Test number 1
2. Test number 2

`

    test(prepared_text, expected_text)
}

run_tests()

So that this text:

Test 1
Test
  Test 3  // <- note two trailing spaces
	Test 4
* Test bullet 1
* Test bullet 2

Renders as: Test 1 Test Test 3 Test 4

• Test bullet 1
• Test bullet 2

Instead of as: Test 1 Test Test 3 Test 4 * Test bullet 1 * Test bullet 2

in codeblock not as expected

const regexp_list_line = /^[ \t]*(\*|\d+\.)/gm;
const regexp_text_line = /^[ \t]*[^\s]+/gm;
const regexp_code_line = /^[ \t]*(\`{3})/gm;
let isInCodeBlock = false;

export function add_newlines_to_markdown(text: string): string {
    const new_lines: string[] = [];

    const lines = text.split('\n');
    lines.forEach((line, i) => {
        if (i > 0) {
            const previous_line = lines[i - 1];
            if (regexp_code_line.test(line)) isInCodeBlock = !isInCodeBlock;
            if (previous_line.match(regexp_text_line) && !previous_line.match(regexp_list_line) && !isInCodeBlock) {
                if (line.match(regexp_list_line)) {
                    new_lines[i - 1] = previous_line + '\n';
                } else if (line.match(regexp_text_line) && isInCodeBlock) {
                    new_lines[i - 1] = previous_line + '<br>';
                }
            }
        }
        new_lines.push(line);
    });

    const new_text = new_lines.join('\n');

    return new_text;
}

code block situation