Template Being Rendered As Text #297

agieocean · 2025-05-07T19:32:09Z

agieocean
May 7, 2025

I'm using this code:

@self.app.get("/admin")
async def admin(request):
    try:
        psks = await self.getPSKs()
        return Template("admin/admin.html").render(psks=psks)
     except Exception:
         logger.error(traceback.format_exc())
     return "Server error", 500

When I request the page it just displays the generated html as text:

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  
  <link rel="stylesheet" type="text/css" href="/res/css/fonts.css">
  <link rel="stylesheet" type="text/css" href="/res/css/style.css">
  <script src="/res/js/node_modules/simple-peer/simplepeer.min.js">

  </script>
  <script src="/res/js/node_modules/htmx.org/dist/htmx.min.js"></script>
  <script src="/res/js/pyodide/pyodide.js"></script>
  <script src="/res/js/ws.js">
  </script>
  <script src="/res/js/custom.js">
  </script>
  <script src="/res/js/p2chat.js">
  </script>
  
  
  
</head>

<body>
  
  
<form id="admin" hx-ext="ws" ws-connect="/bubble">
  <ul id="psks">
    
    <li>
      Node ID: self
      <br>
      PSK:
      <input type="number" id="self" name="self" max="999999">
    </li>
    
  </ul>
  <button id="pskUpdate" name="pskUpdate">Update PSK</button>
</form>

</body>

</html>

I'm having a hard time figuring out why it's just displaying as text instead of html, using send_file with precompiled html works fine

Answered by miguelgrinberg

May 7, 2025

I apologize for this. Reviewing the docs I do see how this can be difficult to figure out.

The default content type that Microdot uses in responses is text/plain. This is used for any responses that do not included an explicit content type. The send_file function uses the file extension to define the content type, so those work automatically, but for templates the file extension isn't reliable (some people use .tpl for example) so it isn't used.

You have two options. Either you explicitly give a content type:

return Template("admin/admin.html").render(psks=psks), {"Content-Type": "text/html"}

or else you configure HTML as a default content type at the top of the file:

from microdot import R…

View full answer

miguelgrinberg · 2025-05-07T19:46:15Z

miguelgrinberg
May 7, 2025
Maintainer

I apologize for this. Reviewing the docs I do see how this can be difficult to figure out.

The default content type that Microdot uses in responses is text/plain. This is used for any responses that do not included an explicit content type. The send_file function uses the file extension to define the content type, so those work automatically, but for templates the file extension isn't reliable (some people use .tpl for example) so it isn't used.

You have two options. Either you explicitly give a content type:

return Template("admin/admin.html").render(psks=psks), {"Content-Type": "text/html"}

or else you configure HTML as a default content type at the top of the file:

from microdot import Response

Response.default_content_type = "text/html"

Documentation link: https://microdot.readthedocs.io/en/latest/intro.html#changing-the-default-response-content-type. I need to see how to make this more visible!

1 reply

agieocean May 7, 2025
Author

Oh fantastic thank you so much

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Template Being Rendered As Text #297

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Template Being Rendered As Text #297

Uh oh!

agieocean May 7, 2025

Replies: 1 comment · 1 reply

Uh oh!

miguelgrinberg May 7, 2025 Maintainer

Uh oh!

agieocean May 7, 2025 Author

agieocean
May 7, 2025

Replies: 1 comment 1 reply

miguelgrinberg
May 7, 2025
Maintainer

agieocean May 7, 2025
Author