Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Using style-tag breaks .md file #234

Open
gregorvoinov opened this issue Apr 6, 2021 · 5 comments
Open

Using style-tag breaks .md file #234

gregorvoinov opened this issue Apr 6, 2021 · 5 comments

Comments

@gregorvoinov
Copy link

gregorvoinov commented Apr 6, 2021

Hi,

Is there a way to use style inside .md file?

<style>
 .myClass{
    ...
 }
</style>
 
<div class="myClass">

If I'm inserting style the file doesn't get rendered.

@gregorvoinov gregorvoinov changed the title Using style``` breaks .md file Using style-tag breaks .md file Apr 6, 2021
@hmsk
Copy link
Owner

hmsk commented Apr 6, 2021

it'd be great if you provide reproducible repo 😉 As default, markdown compiler keeps HTML tags as is.

@gregorvoinov
Copy link
Author

gregorvoinov commented Apr 7, 2021

I will create one at the weekend. The Html works fine.
But using mode: [Mode.VUE_COMPONENT] has nothing todo with that? I only added this plugin markdownIt: markdownIt({ html: true }).use(markdownItAttrs)

@hmsk
Copy link
Owner

hmsk commented Apr 7, 2021

cool, the additional info was helpful and could be reproduced on my end too (so don't need to have a repo!). This seems to be a bug and I'm going to look into it deeply when I get a chance.

@gregorvoinov
Copy link
Author

ah awesome ;) currently I have wrapped it into a vue component, so no hurry from my side.

@Alex-Sokolov
Copy link

Same bug with me. Component registered correctly

This didn't work, empty page:

Some text.

<app-info-block type="attention">
  <i>Paragraph 1</i>
  
  Paragraph 2
  
  Paragraph 3
</app-info-block>

Another text

After removing empty lines starts working:

Some text.

<app-info-block type="attention">
  <i>Paragraph 1</i>
  Paragraph 2
  Paragraph 3
</app-info-block>

Another text

As workaround use <br>

Some text.

<app-info-block type="attention">
  <i>Paragraph 1</i><br>
  Paragraph 2<br>
  Paragraph 3
</app-info-block>

Another text

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants