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

[RTE] Toolbar Copy should copy the selection's serialized content, not its DOM

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

Maintainer thường phản hồi trong vòng 1 ngày

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
45/100
Loại issue
Tái cấu trúc
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
javascript
Lĩnh vực
frontend

Hướng nghiên cứu

Start at handleCopy in contentcuration/contentcuration/frontend/shared/views/TipTapEditor/TipTapEditor/composables/useToolbarActions.js (L113-L186), which clones the selection DOM today; replace it with editor.view.serializeForClipboard(selection.content()). Then remove the math-field special case there and the hidden copySource span in TipTapEditor node views like InlineChoiceChip/index.vue. Done means Toolbar Copy and Ctrl+C emit identical text/html, plus unit tests covering copy of a formula and a chip. Note the issue header states it is not open for contribution yet.

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

Mô tả

DEV: frontend

❌ This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

Overview

The rich text editor's toolbar Copy button builds its HTML by cloning the selection's DOM, so every node view that holds data must special-case itself to copy correctly. Copy should produce the same HTML as ProseMirror's own clipboard serializer, the one Ctrl+C uses.

Complexity: Low
Target branch: unstable

Context
  • handleCopy clones window.getSelection()'s range and patches it: <math-field> becomes a math-inline span, data-copy-ignore elements and Vue attributes are stripped, math-node-wrapper divs are unwrapped (useToolbarActions.js#L113-L186).
  • The inline choice chip in #6277 keeps a hidden copySource span holding its own renderHTML output only so this Copy picks it up (InlineChoiceChip/index.vue).
  • Raised in review of #6277.
The Change

Toolbar Copy should write the HTML ProseMirror serializes for the selection (editor.view.serializeForClipboard(selection.content())), so a node view's DOM no longer decides what is copied.

Acceptance Criteria
  • Toolbar Copy then paste of a selection containing a formula reproduces the formula.
  • Toolbar Copy then paste of a selection containing an inline choice chip reproduces the chip with its options and correct answer.
  • The math-field special case in handleCopy is gone.
  • The inline choice chip's hidden copySource span is gone.
  • Toolbar Copy and Ctrl+C put the same text/html on the clipboard for the same selection.
  • Unit tests cover toolbar Copy of a selection with a formula and with a chip.

AI usage

A reviewer asked for this follow-up on #6277; Claude Code drafted it from that review thread and the current handleCopy code.

Ngôn ngữ chính
Python
Star
192
Fork
310
Merge trung bình
2 ngày 13 giờ
Pull request đã merge (30 ngày)
67

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

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 learningequality/studio

Tất cả issue của learningequality/studio

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.