Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

feat: HTML file cards should render inline in chat like the Markdown preview

Đang mở
  • Có gì không ổn?
#247 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức phù hợp với người mới
68/100
Loại issue
Tính năng
Độ rõ ràng
Khá rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
html
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu bằng cách xác định trình kết xuất thẻ tệp Markdown của chat và phần xem trước HTML toàn màn hình hiện có sử dụng endpoint /api/workspace/files/serve/<path>. Thêm thẻ HTML inline với iframe sandboxed có chiều cao giới hạn và có thể cuộn, cùng URL chống bộ nhớ đệm, đồng thời giữ nguyên khả năng mở rộng sang chế độ xem toàn màn hình; xác minh bằng một tệp HTML tự chứa.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

Hello,

HTML files displayed in chat only appear as a "click to open" card, while Markdown files render directly inline, so viewing a generated report requires an extra tap and a full-screen context switch.

Current behavior

  • .md file cards render their content directly in the chat message.
  • .html file cards only open a separate full-screen preview view (iframe + toolbar) when tapped.

Desired behavior

  • Render the HTML document inline in the chat card: height-capped (e.g. 300–400 px), internally scrollable, and rendered in a sandboxed iframe pointing at the existing /api/workspace/files/serve/<path> endpoint.
  • The existing full-screen preview view stays available as a secondary action (e.g. an "expand" affordance on the inline card).
  • Include a cache-busting parameter in the inline iframe URL so the preview always reflects the current file.

Acceptance criteria:

  • .html file cards render the document inline (height-capped, scrollable) without an extra tap.
  • Tapping the inline card (or an explicit expand button) opens the existing full-screen preview.
  • The inline iframe uses a cache-busting URL parameter.
  • Behavior is verified for a self-contained HTML file.

Thanks for considering this. It would make HTML artifacts (reports, dashboards, generated documents) as glanceable as Markdown, especially on mobile.

Best regards,
Joshua Krimmer

Ngôn ngữ chính
Python
Star
620
Fork
85
Không có pull request nào được merge trong 30 ngày

Chuẩn bị môi trường

  • Có Dockerfile hoặc tệp Docker Compose
  • Có mẫu pull request
  • Không có hướng dẫn đóng góp

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của open-webui/computer

Tất cả issue của open-webui/computer

Issue tương tự

Thêm issue về Python

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.