samuele-cozzi / obsidian-marp-slides

Create markdown-based Marp presentations in Obsidian
MIT License
89 stars 8 forks source link

Can't export style with css tag #96

Closed Tongzhao9417 closed 1 year ago

Tongzhao9417 commented 1 year ago

Hi, I found something error when I want to export to html with CSS tag in slide. Here is the examples.

---
theme: gaia
paginate: true
backgroundColor: #fff
backgroundImage: url('https://marp.app/assets/hero-background.svg')
style: @import url('https://unpkg.com/tailwindcss@^2/dist/utilities.min.css')
---

<div class="grid grid-cols-2 gap-4">
<div>

## Column 1

Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas eveniet, corporis commodi vitae accusamus obcaecati dolor corrupti eaque id numquam officia velit sapiente incidunt dolores provident laboriosam praesentium nobis culpa.

</div>
<div>

## Column 2

Tempore ad exercitationem necessitatibus nulla, optio distinctio illo non similique? Laborum dolor odio, ipsam incidunt corrupti quia nemo quo exercitationem adipisci quidem nesciunt deserunt repellendus inventore deleniti reprehenderit at earum.

</div>
</div>

If I used VS code, here is the output looks like.

image

That is the marp in obsidian export:

image
samuele-cozzi commented 1 year ago

Thank you for bringing this issue to my attention. I appreciate your help in improving our project. I have fixed the issue in a new version of plugin.

Please remember to enable the HTML property:

Screenshot 2023-08-06 231539