Gridsome markdown to HTML?

Lowell130 · December 20, 2020, 10:16pm

Hello
I’m trying strapi with gridsome, but I noticed that the formatting I use in the description field (rich text) is not considered when I consume the API in Gridsome, any idea with respect to this problem?
thanks

sunnyson · December 21, 2020, 8:15am

Hello, how exactly you are trying to render your description field in Gridsome?

Lowell130 · December 21, 2020, 8:20am

No no, it’s just restaurant description, check image please

sunnyson · December 21, 2020, 8:27am

Richtext(markdown) is not transformed somehow to HTML in API. It remains as markdown.

If you want to render it as HTML take a look at the this example:

https://github.com/strapi/strapi/discussions/5876#discussioncomment-49449

sunnyson · December 21, 2020, 8:29am

If you don’t want to deal with markdown then you can switch your text editors and start use the ckeditor. Which stores the HTML instead.

Lowell130 · December 21, 2020, 8:32am

thanks i will try this solution (CKEditor)

Lowell130 · December 21, 2020, 11:09am

omg not solved, maybe problem is another…now i see this:

sunnyson · December 21, 2020, 11:43am

By default, Vue outputs the HTML as raw text. In order to output/render real HTML, you will need to use the v-html directive.

<div v-html="restaurant.description"></div>

P.S. Do not skip chapters when learning something(Vue)! Template syntaxes are explained at the begging of the Vue documentation, in Template Syntax.

Lowell130 · December 21, 2020, 11:46am

thanks i am so stupid!