Bagaimana salinan Notion
teks dan HTML.

Ke mana perginya operasi penyalinan?

Halaman melihat metode yang disebut clipboard.write. Implementasinya dalam preload adalah pembungkus. Pertanyaan yang berguna adalah apa yang dikirim oleh pembungkus itu, dan kode mana yang menerimanya.

Contoh prompt dengan paket aplikasi lokal Notion tersedia untuk agen pengkodean Anda.

REA menemukan tempat untuk mulai membaca

Menganalisis preload tab dengan REA menempatkan API yang diekspos ke halaman dan panggilan yang mengirimkan permintaan IPC. Kedua temuan datang dengan rentang sumber dalam bundel yang diperkecil:

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

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

Agen membuka lokasi tersebut, menemukan anggota papan klip di API rakitan, dan membaca invokerInMain. Situs panggilannya memasok notion:clipboard:write. Nama itu memberi agen sesuatu yang tepat untuk dicari di bundel utama. Empat kutipan di bawah ini menunjukkan rute yang menghubungkannya.

Empat potongan kode pendek

Disederhanakan dari JavaScript yang dikemas, dengan nama variabel yang dapat dibaca. Anggota yang tidak terkait dihilangkan.

1. Mulai dari API yang diekspos ke halaman

   tab_browser_view/preload.js * Anggota API Salin

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

   Anggota ini menyediakan nama saluran. Implementasi dari invokerInMain memberitahu kita bagaimana permintaan meninggalkan proses halaman.

2. Selesaikan pembungkus pramuat

   tab_browser_view/preload.js * Pembantu IPC Salin

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

   Fungsi yang dikembalikan meneruskan argumen melalui IPC request-and-respons Electron. Sekarang kita bisa mencari notion:clipboard:write di sisi proses utama.

3. Periksa bagaimana penerima didaftarkan

   utama/index.js * pembantu penangan Salin

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

   Proses utama menggunakan pembungkus lain. Nya addListener metode mendaftarkan sebuah ipcMain.handle penerima untuk saluran tersebut.

4. Temukan tulisan dan cek pengirimnya

   utama/index.js * penerima papan klip Salin

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

   Ini adalah tujuannya. Setelah memeriksa pengirim, penangan meneruskan data yang disediakan ke API papan klip Electron. Saluran dan dua pembungkus yang diselesaikan menghubungkan metode yang diekspos ke panggilan ini.

Bagaimana blok yang disalin mempertahankan strukturnya?

Editor web Notion mengirimkan teks dan HTML melalui electronApi.clipboard.write. Itu menyimpan data blok secara lokal dan menempatkan ID di HTML yang disalin untuk menghubungkannya.

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

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

Saat menempel, Notion mencari ID HTML dan memeriksanya terhadap salinan yang disimpan. ID yang cocok mengembalikan data blok.

Format papan klip direkam dari aset web yang di-cache pada 13 Juli 2026.

Lebih banyak contoh dan sumber

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

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

• Panduan aplikasi JavaScriptIkuti fitur ekspor aplikasi Electron kecil.
• Rekonstruksi DX-BallIkuti instruksi asli ke fungsi C yang dicentang.