Strapi Rich Text - Markdown

General
1

Hey,

I’m trying to build a blog and am using Strapi as a headless CMS.
I found Divhunt on Reddit and just connected Strapi.

I am struggling to show a well formated text however.

My content from Strapi, written in Markdown in the Rich Text Editor looks like this.
See the Divhunt image in the first comment.

image
image1158×915 78 KB

Anyone any idea how to fix this?

2

This is how it is shown in Divhunt

image
image1228×1012 65.3 KB

3

Hey,

Can you give me your website url, and I will create a tutorial here with screenshots on how I did it?

1 Like
4

The trick is the ->showdown when defining the content right ?
I’ve used it here for example :slight_smile:

image
image1383×512 70.1 KB

5

I’ve looked at this video (the link will start at the rigth moment) https://youtu.be/W1rxkKcdjIE?feature=shared&t=1622

6

@xmasrock @josefwilhelm

Or use the ->markdown function, much better and more reliable, supports more features.

1 Like
7

I’ll change to markdown then. Thanks @dejan

8

if I use showdown it looks like this

image
image1826×767 44.5 KB

here is the link to the website
https://longevity-lab.divhunt.art/detail

9

and this is what it looks like with markdown

image
image1721×888 131 KB

appreciate any help.

10

and here is the data in strapi

image
image1872×964 63.9 KB

11

@josefwilhelm

You need to use Embed in this case in order to render HTML, so just convert that element (is it Div or P?) to Embed, select it then from navbar find embed and right click on it.

12

thanks. this works.

but is there a way to style the markdown as well?
sorry for the many questions!

image
image1440×1572 327 KB

13

Hey,

You can style all of the tags separately through child selector. Check out this video:

1 Like