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.
Originally created by @SethBurkart123 on GitHub (Oct 23, 2023).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/27
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.
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 🙏
<!-- gh-comment-id:1775874758 -->
@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 🙏
Just merged the dev branch to main, which enables the markdown styling feature. Thanks for the suggestion!
<!-- gh-comment-id:1778320835 -->
@tjbck commented on GitHub (Oct 25, 2023):
Just merged the dev branch to main, which enables the markdown styling feature. Thanks for the suggestion!
Blocking a user prevents them from interacting with repositories, such as opening or commenting on pull requests or issues. Learn more about blocking a user.
Originally created by @SethBurkart123 on GitHub (Oct 23, 2023).
Original GitHub issue: https://github.com/open-webui/open-webui/issues/27
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.
@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 25, 2023):
Just merged the dev branch to main, which enables the markdown styling feature. Thanks for the suggestion!