LeaVerou / md-block

A custom element for rendering stylable (light DOM) Markdown

Home Page:https://md-block.verou.me

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Headings, list and so on not working...

bouchtaoui-dev opened this issue · comments

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:

<script type="module" src="https://md-block.verou.me/md-block.js"></script>

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.

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

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!

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?