Notion sao CHÉP như THẾ NÀO
văn bản VÀ HTML.

Thao tác sao chép đi đâu?

Trang thấy một phương thức được gọi là clipboard.write. Việc triển khai nó trong tải trước là một trình bao bọc. Câu hỏi hữu ích là những gì trình bao bọc đó gửi và mã nào nhận được nó.

Một lời nhắc ví dụ VỚI GÓI ứng dụng CỤC BỘ CỦA Notion có sẵn cho agent mã hóa của bạn.

REA tìm nơi bắt đầu đọc

Phân tích tab tải trước VỚI REA định vị API tiếp xúc với trang và cuộc gọi gửi yêu cầu IPC. Cả hai phát hiện đều đi kèm với phạm vi nguồn trong gói thu nhỏ:

api_key: "__electronApi"
api_status: "dynamic"
source: preload.js:1:22764–22828

operation: "invoke"
channel_expression: "e"
source: preload.js:1:6486–6522

Tác nhân mở các vị trí đó, tìm thành viên clipboard trong API được lắp ráp và đọc invokerInMain. Nguồn cung cấp trang web cuộc gọi của nó notion:clipboard:write. Tên đó cung cấp cho tác nhân một cái gì đó chính xác để tìm kiếm trong gói chính. Bốn đoạn trích dưới đây cho thấy tuyến đường mà nó kết nối.

Bốn đoạn mã ngắn

Đơn giản hóa TỪ JavaScript đóng gói , với tên biến có thể đọc được. Các thành viên không liên quan bị bỏ qua.

1. Bắt đầu TẠI API tiếp xúc với trang

   tab_browser_view/preload.js * THÀNH VIÊN API Sao chép

   const clipboardApi = {
     write: invokerInMain("notion:clipboard:write")
   };
   
   // Included in the API exposed through contextBridge:
   // window.__electronApi.clipboard

   Thành viên này cung cấp tên kênh. Việc thực hiện invokerInMain cho chúng tôi biết cách yêu cầu rời khỏi quy trình của trang.

2. Giải quyết trình bao bọc tải trước

   tab_browser_view/preload.js * TRỢ GIÚP IPC Sao chép

   function invokerInMain(channel) {
     return (...args) => invokeInMainAndReturnResult(channel, ...args);
   }
   
   function invokeInMainAndReturnResult(channel, ...args) {
     return ipcRenderer.invoke(channel, ...args);
   }

   Hàm trả về chuyển tiếp các đối số thông qua IPC YÊU cầu và phản hồi CỦA Electron. Bây giờ chúng ta có thể tìm kiếm notion:clipboard:write về phía chính-quá trình.

3. Kiểm tra cách người nhận được đăng ký

   chính/index.js * trình trợ giúp xử lý Sao chép

   const handleRequestFromRenderer = {
     addListener(channel, handler) {
       ipcMain.handle(channel, handler);
     }
   };

   Quá trình chính sử dụng một trình bao bọc khác. Của nó addListener phương pháp đăng ký một ipcMain.handle người nhận cho kênh đó.

4. Tìm ghi và kiểm tra người gửi của nó

   chính/index.js * bộ thu clipboard Sao chép

   handleRequestFromRenderer.addListener(
     "notion:clipboard:write",
     (event, data) =>
       isNotionWebContents(event.sender)
         ? clipboard.write(data)
         : undefined
   );

   Đây là điểm đến. Sau khi kiểm tra người gửi, trình xử lý chuyển dữ liệu được cung cấp cho API clipboard CỦA Electron. Kênh và hai trình bao bọc được giải quyết kết nối phương thức tiếp xúc với cuộc gọi này.

Làm thế nào để một khối được sao chép giữ cấu trúc của nó?

Notion ' s web editor gửi văn bản VÀ HTML thông qua electronApi.clipboard.write. Nó giữ dữ liệu khối cục bộ và ĐẶT ID vào HTML đã sao chép để kết nối chúng.

text: "Project notes"
html: "<p>Project notes</p>"
    + "<!-- notionvc: <copy-id> -->"

id: <copy-id>
mimeTypes:
  text/_notion-blocks-v3-production
    → structured block data

Khi dán, Notion tìm ID HTML và kiểm tra NÓ với bản sao đã lưu. Id phù hợp khôi phục dữ liệu khối.

Định dạng Clipboard được ghi lại từ tài sản web được lưu trong bộ nhớ cache vào ngày 13 tháng 7 năm 2026.

Thêm ví dụ và nguồn

| A | B |
| - | - |
| 1 | 2 |

table · headerRow: true
  table_row
    cells: ["A"], ["B"]
  table_row
    cells: ["1"], ["2"]

• JavaScript hướng dẫn ứng DỤNGThực hiện theo tính năng xuất của ỨNG dụng Electron nhỏ.
• TÁI THIẾT DX-BallThực hiện theo hướng dẫn bản địa đến một chức năng C kiểm tra.