Greasy Fork is available in English.

Discussions » Greasy Fork Feedback

Incorrect Markdown Rendering

§
Posted: 01.06.2023
Edited: 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

§
Posted: 03.06.2023

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

§
Posted: 03.06.2023
Edited: 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 })
§
Posted: 03.06.2023
Edited: 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

§
Posted: 03.06.2023
Edited: 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

Post reply

Sign in to post a reply.