No colors in code syntax highlighting markdown #2333

deadbeef101010 · 2024-05-15T22:00:37Z

deadbeef101010
May 15, 2024

Hello,

Please see the following code snippet ...

from h2o_wave import site, ui


def code_block(code_lines, lang):
    code = f"\n```{lang}\n"
    for c in code_lines:
        code += f"{c}\n"
    return code


page = site["/demo"]

sample_markdown = """=
```html

<!DOCTYPE html>
<title>Title</title>

<style>body {width: 500px;}</style>

<script type="application/javascript">
  function $init() {return true;}
</script>

<body>
  <p checked class="title" id='title'>Title</p>
  <!-- here goes the rest of the page -->
</body>
"""

page["example"] = ui.markdown_card(
    box="1 1 4 4", title="I was made using markdown!", content=sample_markdown
)


sample_markdown = """=
```py

def dowork(data):
    print(f"{data=}")


dowork("HELLO")

"""

page["example2"] = ui.form_card(box="5 1 4 4", items=[ui.text(sample_markdown)])

code = code_block(
    ["def myfunc(data):", "    print(f'{data}')", "", "", "myfunc('HELLO')"], "python"
)
page["example3"] = ui.form_card(box="1 5 4 4", items=[ui.text(code)])
page.save()

This renders as follows (no syntax highlighting). Any ideas why?
I'm running Wave 1.1.1

mturoci · 2024-05-16T08:49:23Z

mturoci
May 16, 2024
Maintainer

My guess is that it's because of unterminated triple backticks.

0 replies

Navigation Menu

Uh oh!

No colors in code syntax highlighting markdown #2333

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

No colors in code syntax highlighting markdown #2333

Uh oh!

deadbeef101010 May 15, 2024

Replies: 1 comment

Uh oh!

mturoci May 16, 2024 Maintainer

deadbeef101010
May 15, 2024

mturoci
May 16, 2024
Maintainer