Wie Notion kopiert
text und HTML.

Wohin geht der Kopiervorgang?

Die Seite sieht eine Methode namens clipboard.write. Seine Implementierung im Preload ist ein Wrapper. Die nützliche Frage ist, was dieser Wrapper sendet und welcher Code ihn empfängt.

Eine Beispiel-Eingabeaufforderung mit dem lokalen Anwendungspaket von Notion, das Ihrem Codierungsagenten zur Verfügung steht.

REA findet, wo mit dem Lesen begonnen werden soll

Die Analyse des Tab-Preloads mit REA lokalisiert die API, die für die Seite verfügbar ist, und den Aufruf, der eine IPC-Anforderung sendet. Beide Befunde werden mit Quellbereichen im minimierten Bündel geliefert:

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

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

Der Agent öffnet diese Speicherorte, sucht das Mitglied der Zwischenablage in der zusammengestellten API und liest invokerInMain. Seine Call-Site liefert notion:clipboard:write. Dieser Name gibt dem Agenten etwas Genaues, nach dem er im Hauptpaket suchen kann. Die vier folgenden Auszüge zeigen die Route, die es verbindet.

Vier kurze Code-Stücke

Vereinfacht aus dem verpackten JavaScript mit lesbaren Variablennamen. Nicht verwandte Mitglieder werden weggelassen.

1. Beginnen Sie bei der API, die der Seite angezeigt wird

   tab_browser_ansicht/preload.js * API-Mitglied Kopieren

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

   Dieses Mitglied liefert den Kanalnamen. Die Umsetzung von invokerInMain sagt uns, wie die Anfrage den Prozess der Seite verlässt.

2. Lösen Sie den Wrapper des Preloads auf

   tab_browser_ansicht/preload.js * IPC-Helfer Kopieren

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

   Die zurückgegebene Funktion leitet die Argumente über den Anfrage- und Antwort-IPC von Electron weiter. Wir können jetzt suchen nach notion:clipboard:write auf der Hauptprozesseite.

3. Überprüfen Sie, wie der Empfänger registriert ist

   Hauptindex.js * Handler-Helfer Kopieren

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

   Der Hauptprozess verwendet einen anderen Wrapper. Seiner addListener methode registriert eine ipcMain.handle empfänger für diesen Kanal.

4. Finden Sie den Schreib- und Absendercheck

   Hauptindex.js * Zwischenablage-Empfänger Kopieren

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

   Dies ist das Ziel. Nach Überprüfung des Absenders übergibt der Handler die gelieferten Daten an die Zwischenablage-API von Electron. Der Kanal und die beiden aufgelösten Wrapper verbinden die exponierte Methode mit diesem Aufruf.

Wie behält ein kopierter Block seine Struktur bei?

Der Webeditor von Notion sendet Text und HTML durch electronApi.clipboard.write. Es speichert die Blockdaten lokal und fügt eine ID in den kopierten HTML-Code ein, um sie zu verbinden.

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

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

Beim Einfügen sucht Notion nach der HTML-ID und vergleicht sie mit der gespeicherten Kopie. Übereinstimmende IDs stellen die Blockdaten wieder her.

Format der Zwischenablage, aufgezeichnet aus Web-Assets, die am 13.Juli 2026 zwischengespeichert wurden.

Weitere Beispiele und Quellen

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

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

• JavaScript AnwendungshandbuchFolgen Sie der Exportfunktion einer kleinen Electron-Anwendung.
• DX-Ball RekonstruktionBefolgen Sie die nativen Anweisungen zu einer überprüften C-Funktion.