☰

OpenWebUI HTML Renderer

Render plain HTML text blocks in OpenWebUI messages.

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği yüklemek için Tampermonkey gibi bir uzantı yüklemeniz gerekir.

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği indirebilmeniz için ayrıca Tampermonkey gibi bir eklenti kurmanız gerekmektedir.

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Nasıl kurarım

Bu stili yüklemek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için Stylus gibi bir uzantı kurmanız gerekir.

Bu stili yükleyebilmek için Stylus gibi bir uzantı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

Bu stili yüklemek için bir kullanıcı stili yöneticisi uzantısı kurmanız gerekir.

Bu stili yükleyebilmek için bir kullanıcı stili yöneticisi uzantısı yüklemeniz gerekir.

(Zateb bir user-style yöneticim var, yükleyeyim!)

Yazar
BryceWG
Günlük kurulumlar
0
Toplam kurulumlar
2
Değerlendirmeler
0 0 0
Versiyon
1.2.3
Oluşturulma
11.05.2026
Güncellenme
11.05.2026
Boyut
25,6 KB
Lisans
MIT
Geçerli

OpenWebUI HTML Renderer

一个给 OpenWebUI 使用的 Tampermonkey / 油猴用户脚本。可以把模型直接输出的裸 HTML 文本块渲染成可视化内容，增加内容可读性。

功能

  • 识别 OpenWebUI 消息里作为文本节点出现的 <div>...</div>、<table>...</table> 等 HTML 片段。
  • 支持 HTML 块前置 <style>...</style>。
  • 渲染成功后隐藏原始 HTML 文本，页面只显示预览效果。
  • 支持流式输出：HTML 片段闭合后会自动渲染，未完成的半截 HTML 会继续保持原文。
  • 渲染块右上角提供三个按钮：复制为 PNG 图像、下载 SVG、复制 HTML 源码。
  • 总开关：HTML 渲染当前已开启/已关闭，点击切换。

安装

  1. 安装 Tampermonkey、Violentmonkey 或其他兼容用户脚本管理器。
  2. 打开 openwebui-html-renderer.user.js。
  3. 将脚本内容复制到用户脚本管理器，保存启用。
  4. 进入 OpenWebUI 页面后刷新一次。

把脚本头部的 @match 改成你的地址：

// @match https://openwebui.example.com/*
// @match http://192.168.1.20:3000/*

推荐输出格式

让模型直接输出 HTML，不需要代码块：

<div style="display:flex; gap:12px;">
  <div style="border:1px solid #ddd; padding:12px;">小脑半球</div>
  <div style="border:1px solid #ddd; padding:12px;">小脑蚓部</div>
</div>