§
Создано: 01.06.2023
Отредактировано: 01.06.2023

There is no tab indent for a. b. (sub-item)

Markdown Example:

  1. Item 1

  2. Item 2

a. Item a

b. Item b

Expected Result:

img

Incorrect Result:

img

Related Example:

https://greasyfork.org/en/scripts/429342-microsoft-update-catalog-auto-highlight-the-version-for-your-os

img

Greasy Fork uses redcarpet for rendering Markdown. Markdown is not exactly standardized, so not sure you're gonna get exactly what you want.

§
Создано: 03.06.2023
Отредактировано: 03.06.2023

Hi Jason,

I am not sure whether it is because the space was trimmed in Greasy Fork or it is wrongly rendered in redcarpet.

I opened issue in redcarpet GitHub.

The markdown example is

1. Item 1

2. Item 2

   a. Item a

   b. Item b

Reproduction JavaScript:

let params = new FormData();
params.append("text", `1. Item 1\n\n2. Item 2\n\n   a. Item a\n\n   b. Item b`);
params.append("markup", 'markdown');
params.append("url", 'false');
params.append(document.querySelector("meta[name='csrf-param']").getAttribute("content"), document.querySelector("meta[name='csrf-token']").getAttribute("content"));


fetch('https://greasyfork.org/preview-markup', { method: 'POST', mode: 'cors', cache: 'no-cache', credentials: 'same-origin', redirect: 'follow', referrerPolicy: 'no-referrer', body: params })
§
Создано: 03.06.2023
Отредактировано: 03.06.2023

I have noticed that it should be redcarpet's bug.

Is it possible to use javascript library https://marked.js.org/ instead of redcarpet ?

marked.js has 29.8k stars while redcarpet has just 4.9k stars.

marked.js is much mature and correct in terms of markdown rendering.

I am not familar with ruby, but it looks like it can also directly call the javascript library marked.js like this

§
Создано: 03.06.2023
Отредактировано: 03.06.2023

If marked.js is used instead of redcarpet, Greasy Fork just have to send the original markdown to the client browser and client browser do the rendering using marked.js

Here is the correct result by using marked.js

img

Ответить

Войдите, чтобы ответить.