Use Tailwindcss-typography to assist with markdown styling #9

Closed
opened 2025-11-11 14:01:46 -06:00 by GiteaMirror · 2 comments
Owner

Originally created by @SethBurkart123 on GitHub (Oct 23, 2023).

Originally assigned to: @tjbck on GitHub.

Issue: Markdown Elements Lack Styling in Application

Summary:

The application successfully renders Markdown into HTML elements, but lacks any styling for them. For example, # headings are converted to <h1> elements but appear unstyled.

Suggested Solution:

To resolve this, consider integrating the @tailwindcss/typography plugin, which is fully compatible with the already-implemented Tailwind CSS framework. This plugin will provide out-of-the-box typography styling that can be easily customized.

Additional Information:

I've had a positive experience using this plugin for similar functionality.

Current Problem

Originally created by @SethBurkart123 on GitHub (Oct 23, 2023). Originally assigned to: @tjbck on GitHub. ### Issue: Markdown Elements Lack Styling in Application #### Summary: The application successfully renders Markdown into HTML elements, but lacks any styling for them. For example, `#` headings are converted to `<h1>` elements but appear unstyled. #### Suggested Solution: To resolve this, consider integrating the [@tailwindcss/typography](https://tailwindcss.com/docs/typography-plugin) plugin, which is fully compatible with the already-implemented Tailwind CSS framework. This plugin will provide out-of-the-box typography styling that can be easily customized. #### Additional Information: I've had a positive experience using this plugin for similar functionality. ![Current Problem](https://github.com/ollama-webui/ollama-webui/assets/108050083/fb8fe504-6865-4da0-89f7-867af8e90509)
Author
Owner

@tjbck commented on GitHub (Oct 23, 2023):

Amazing! I'll take a look in a bit to incorporate it into the Web UI. If you manage to get it working in the meantime, PR is welcome 🙏

@tjbck commented on GitHub (Oct 23, 2023): Amazing! I'll take a look in a bit to incorporate it into the Web UI. If you manage to get it working in the meantime, PR is welcome 🙏
Author
Owner

@tjbck commented on GitHub (Oct 25, 2023):

Just merged the dev branch to main, which enables the markdown styling feature. Thanks for the suggestion!

@tjbck commented on GitHub (Oct 25, 2023): Just merged the dev branch to main, which enables the markdown styling feature. Thanks for the suggestion!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/open-webui#9