reactjs / reactjs/react.dev

Code block breaks the pages width

Đang mở
#1,006 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

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

Ngôn ngữ chính
JavaScript
Star
11.8k
Fork
7.9k
Merge trung bình
1 ngày 11 giờ
Pull request đã merge (30 ngày)
11

Mô tả

screenshot from 2018-06-27 02-27-12

The code block word wrap doesn't work in this case of

const domContainer = document.querySelector('#like_button_container');

breaks the width of the page

Maybe add https://prismjs.com/plugins/normalize-whitespace/

break-lines?

PrismJS doesn't handle line wrap of document.querySelector('#like_button_container'); dot or string, it treat it as a whole thing.

Hướng dẫn đóng góp

Mở 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.

Hướng nghiên cứu

Start by reproducing the overflowing code block shown in the issue on the React documentation website, then inspect the code-block rendering and styling entry points. Compare the behavior with PrismJS's line-wrapping options. Done means long unbroken code such as document.querySelector('#like_button_container') wraps without widening the page.

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

Đánh giá

Công nghệ
javascript, react
Lĩnh vực
documentation, frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
45/100

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.