Come copie Notion
testo e HTML.

Dove va l'operazione di copia?

La pagina vede un metodo chiamato clipboard.write. La sua implementazione nel precarico è un wrapper. La domanda utile è cosa invia quel wrapper e quale codice lo riceve.

Un prompt di esempio con il pacchetto di applicazioni locali di Notion disponibile per l'agente di codifica.

REA trova dove iniziare a leggere

Analizzando il precarico scheda con REA individua l'API esposta alla pagina e la chiamata che invia una richiesta IPC. Entrambi i risultati sono dotati di intervalli di origine nel pacchetto minificato:

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

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

L'agente apre tali posizioni, trova il membro degli appunti nell'API assemblata e legge invokerInMain. Il suo sito di chiamata fornisce notion:clipboard:write. Quel nome dà all'agente qualcosa di preciso da cercare nel pacchetto principale. I quattro estratti qui sotto mostrano il percorso che collega.

Quattro brevi pezzi di codice

Semplificato dal pacchetto JavaScript, con nomi di variabili leggibili. I membri non correlati sono omessi.

1. Inizia dall'API esposta alla pagina

   tab_browser_view/preload.js * Membro API Copia

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

   Questo membro fornisce il nome del canale. L'attuazione di invokerInMain ci dice come la richiesta lascia il processo della pagina.

2. Risolvere il wrapper del precarico

   tab_browser_view/preload.js * IPC helper Copia

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

   La funzione restituita inoltra gli argomenti tramite IPC di richiesta e risposta di Electron. Ora possiamo cercare notion:clipboard:write dal lato del processo principale.

3. Controlla come è registrato il ricevitore

   principale/index.js * handler helper Copia

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

   Il processo principale utilizza un altro wrapper. Sua addListener metodo registra un ipcMain.handle ricevitore per quel canale.

4. Trova la scrittura e il suo controllo mittente

   principale/index.js * ricevitore appunti Copia

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

   Questa è la destinazione. Dopo aver controllato il mittente, il gestore passa i dati forniti all'API degli appunti di Electron. Il canale e i due wrapper risolti collegano il metodo esposto a questa chiamata.

In che modo un blocco copiato mantiene la sua struttura?

L'editor web di Notion invia testo e HTML attraverso electronApi.clipboard.write. Mantiene i dati del blocco localmente e inserisce un ID nell'HTML copiato per collegarli.

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

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

In incolla, Notion cerca l'ID HTML e lo controlla rispetto alla copia salvata. Gli ID corrispondenti ripristinano i dati del blocco.

Formato appunti registrato da risorse Web memorizzate nella cache il 13 luglio 2026.

Altri esempi e fonti

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

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

• Guida all'applicazione JavaScriptSeguire la funzione di esportazione di una piccola applicazione Electron.
• DX-Ball ricostruzioneSeguire le istruzioni native per una funzione C selezionata.