Describe the bug context my code from mar

The HTML I output doesn't have CSS. What's the reason? about mdit-py-plugins HOT 1 OPEN

executablebooks commented on May 31, 2024

The HTML I output doesn't have CSS. What's the reason?

from mdit-py-plugins.

Comments (1)

zmoon commented on May 31, 2024

I checked the output HTML, no head tag, no CSS, no JS file. Why? What do I need to do?

You have to add those things. Here is a little example:

import tempfile
import webbrowser

from markdown_it import MarkdownIt


md = MarkdownIt("gfm-like")

md_text = """\
# A heading

* some
* bullets

> A quote

`inline code`, **strong**, *emphasis*, ~~struck~~

```python
# Code block
print('Hi')
```

| A   | Table |
| --- | ----- |
| foo | bar   |
"""

html = f"""\
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet"
      href="https://rawcdn.githack.com/typora/typora-default-themes/fad2650fd956bab56254043a2fe1c1e80796022f/themes/github.css">
<link rel="stylesheet"
      href="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/styles/default.min.css">
</head>
<body>

{md.render(md_text)}

<script src="https://cdn.jsdelivr.net/gh/highlightjs/[email protected]/build/highlight.min.js"></script>
<script>hljs.highlightAll();</script>
</body>
</html>
"""

with tempfile.NamedTemporaryFile(suffix=".html", delete=False) as f:
    f.write(html.encode("utf-8"))
    webbrowser.open(f"file://{f.name}")