How to do syntax highlight in a nested fence tag?

[baseplate-admin]

Hi,

Thanks for this awesome library. I was wondering if this would be possible

var = """text

            ```python
                assert 1 == 1
            ```
"""

It doesn't work properly.

Rendering something light this

<pre><code>        ```python</code></pre>

[lepture]

Hi, I don't understand the issue. Can you explain it with code?

Code:

import mistune

text = """your markdown text"""
mistune.html(text)

Expected:

<p>...</p>

Instead, I got:

<p>...</p>

---

Can you provide something like above?

[baseplate-admin]

Fair enough.

# templatetags/markdown.py
import mistune

from django import template

register = template.Library()

from pygments import highlight
from pygments.lexers import get_lexer_by_name
from pygments.formatters import html


class HighlightRenderer(mistune.HTMLRenderer):
    def block_code(self, code, info=None):
        if info:
            lexer = get_lexer_by_name(info, stripall=True)
            formatter = html.HtmlFormatter(
                style='github-dark',
                noclasses=True,
            )
            return highlight(code, lexer, formatter)
        return "<pre><code>" + mistune.escape(code) + "</code></pre>"


@register.filter(name="markdown")
def markdown(text: str):
    """Returns the value turned into a list."""
    _markdown = mistune.create_markdown(renderer=HighlightRenderer())
    return _markdown(text)

Given :

<!--template.html-->
{% load markdown %}

{{ var|markdown|safe }}

def anime_home_view(request):
    return render(
        request,
        "template.html",
        context={
            "var": """
            text

            ```python\nassert 1 == 1\n```
            
            """,
        },
    )

Expected :

<p>text</p>
<div class="highlight" style="background: #0d1117"><pre style="line-height: 125%;"><span></span><span style="color: #ff7b72">assert</span> <span style="color: #a5d6ff">1</span> <span style="color: #ff7b72; font-weight: bold">==</span> <span style="color: #a5d6ff">1</span>
</pre></div>

Got :

      
    <pre><code>        text

        ```python</code></pre><p>assert 1 == 1</p>
<pre><code>          

[baseplate-admin]

During testing in a console app with following code :

import mistune

from pygments import highlight
from pygments.lexers import get_lexer_by_name
from pygments.formatters import html


class HighlightRenderer(mistune.HTMLRenderer):
    def block_code(self, code, info=None):
        if info:
            lexer = get_lexer_by_name(info, stripall=True)
            formatter = html.HtmlFormatter(
                style="github-dark",
                noclasses=True,
            )
            return highlight(code, lexer, formatter)
        return "<pre><code>" + mistune.escape(code) + "</code></pre>"


_markdown = mistune.create_markdown(renderer=HighlightRenderer())


var = """

text

```python\nassert 1 == 1\n```
"""

print(_markdown(var))

Everything works as expected :

poetry run python .\test.py
<p>text</p>
<div class="highlight" style="background: #0d1117"><pre style="line-height: 125%;"><span></span><span style="color: #ff7b72">assert</span> <span style="color: #a5d6ff">1</span> <span style="color: #ff7b72; font-weight: bold">==</span> <span style="color: #a5d6ff">1</span>

[lepture]

@baseplate-admin You misunderstood the Python syntax.

def anime_home_view(request):
    return render(
        request,
        "template.html",
        context={
            "var": """
            text

            ```python\nassert 1 == 1\n```
            
            """,
        },
    )

The context["var"] is actually:

            text

            ```python
assert 1 == 1
```

Which is an indented code block already.