search

LeaVerou / md-block

A custom element for rendering stylable (light DOM) Markdown
https://md-block.verou.me
MIT License
324 stars 17 forks source link

Headings, list and so on not working... #18

Open bouchtaoui-dev opened 1 year ago

bouchtaoui-dev commented 1 year ago

Hi there, first of all, thank you very much for this nice project! I used your library, but it partly works. For example, making words italic or bold works well, but headings, list and so on unfortunately not.

I simply added the following line:

as described by your documentation.

Do you know what might cause the problem not showing headings and bullet list correctly?

I also added prism.js for syntax highlighting, which works ok.

I hope you have the time to give a solution. Thank you.

bouchtaoui-dev commented 1 year ago

I see it's conflicting with Bulma css! That's a bummer 😕 Any idea how to fix that?

bouchtaoui-dev commented 1 year ago

Found the solution for Bulma css here!

A single class to handle WYSIWYG generated content, where only HTML tags are available

<md-block class="content">
    <!-- Generated markdown here -->
</md-block>

I'm happy again, hope you too!

digitigradeit commented 1 year ago

What Markdown renderer are you using that generates <md-block as html for headings? that's atypical for a Markdown content generator so I'm curious if there's some advanced options that allow you to specify the CSS class which is included when it renders headings?

I have a jekyll pwoered site and my site uses the kramdown engine, which is consistent with Github Pages.

not trying to push ChatGPT but this is probably a perfect question for it. you might actually be surprisedd to hear what it has to say about bulma and with more information you could try to hae it come up with a solution for you. if you prompt it with " i'm tryign to setup a ____ -based site using the bulma css framework. haedlines that should have classes title and subtitle aren't. can you help?