reactjs / reactjs/react.dev

Initial code in embedded live editor not printable across various browsers and not exportable to PDF in Safari

未關閉
#5,822 0 則留言 0 個 reaction 已指派 0 人 在 GitHub 檢視

還沒有人認領這個 Issue。

主要語言
JavaScript
星號
11.8k
分支
7.9k
平均合併
1 天 11 小時
30 天內合併 PR
11

描述

Issue description:

When attempting to print the initial code present in the embedded live editor within the React.dev documentation, the code appears blank in Chrome, Firefox, and Safari. Additionally, the initial code is not exportable to PDF in Safari.

Having the ability to print or export the initial code as a PDF would allow users to read the documentation without a screen and try the code in their local environment using their preferred IDE, such as vscode, without the need for a second screen.

It's important to note that the Vue.js live editor supports printable initial codes.

Steps to reproduce:
  1. Open the React.dev documentation with embedded live editor examples in Chrome, Firefox, or Safari.
  2. Navigate to a page containing an embedded live editor with initial code.
  3. Try to print the page or export it to PDF in Safari.
Expected behavior:

Initial code in the embedded live editor should be printable across different browsers and exportable to PDF in Safari.

Actual behavior:
  1. Initial code in the embedded live editor is not printable in Chrome, Firefox, or Safari.
  2. Initial code in the embedded live editor is not exportable to PDF in Safari.
Suggested solution:

Please consider adding support for printing and exporting the initial code in the embedded live editor within the documentation. This would make it more convenient for users who prefer to read the documentation without a screen and only use their IDE when trying out the code.

Additional information:

Comparatively, the Vue.js live editor supports printable initial codes in the mentioned browsers.

Thank you for looking into this issue. Please let me know if you need further information or clarification.

貢獻指南

開啟貢獻指南

從這裡開始

  1. 先讀完整個 Issue,再讀專案的貢獻指南。
  2. 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
  3. Fork 儲存庫,在一個分支上完成修改。
  4. 送出 Pull Request,並在描述裡引用這個 Issue 編號。

研究方向

找出 React.dev 文件範例中使用的嵌入式即時編輯器,並先重現其在 Chrome、Firefox 和 Safari 中的列印功能,包括 Safari 中的 PDF 匯出。完成的標準是列印時可以看到初始程式碼,並且可以在 Safari 中將其匯出為 PDF;該 issue 未指定任何可用來引導實作的檔案或測試。

由索引模型根據 Issue 內容生成。

評估

技術堆疊
javascript, react
領域
documentation, frontend
Issue 類型
缺陷
難度
4/5
預估耗時
3-5 天
活躍度
停滯
描述清晰度
基本清楚
新手友好度
38/100

把新 issue 寄到你的電子郵件信箱

精選適合新手參與的 GitHub issue 摘要。