Jak kopie Notion
tekst i HTML.

Gdzie idzie operacja kopiowania?

Strona widzi metodę o nazwie clipboard.write. Jego implementacja w preload jest opakowaniem. Przydatne pytanie brzmi, co wysyła to opakowanie i który Kod je odbiera.

Przykładowy monit z lokalnym pakietem aplikacji Notion Dostępny dla agenta kodującego.

REA znajduje, gdzie zacząć czytać

Analiza wstępnego ładowania karty za pomocą REA lokalizuje interfejs API wystawiony na stronę i wywołanie, które wysyła żądanie IPC. Oba ustalenia pochodzą z zakresów źródłowych w minified bundle:

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

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

Agent otwiera te lokalizacje, znajduje element schowka w zmontowanym interfejsie API i czyta invokerInMain. Jej Call site supplies notion:clipboard:write. Ta nazwa daje agentowi coś precyzyjnego, czego można szukać w głównym pakiecie. Cztery fragmenty poniżej pokazują trasę, którą łączy.

Cztery krótkie fragmenty kodu

Uproszczony z pakowanego JavaScript, z czytelnymi nazwami zmiennych. Niepowiązani członkowie są pomijani.

1. Zacznij od interfejsu API wyświetlanego na stronie

   tab_browser_view / preload.js * członek API Kopiuj

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

   Ten członek podaje nazwę kanału. Realizacja invokerInMain informuje nas, w jaki sposób żądanie opuszcza proces strony.

2. Rozwiąż opakowanie wstępnego obciążenia

   tab_browser_view / preload.js * IPC helper Kopiuj

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

   Zwrócona funkcja przekazuje argumenty za pośrednictwem IPC żądania i odpowiedzi Electron. Możemy teraz szukać notion:clipboard:write po stronie głównej-proces.

3. Sprawdź, jak zarejestrowany jest odbiorca

   główna/index.js * Pomocnik obsługi Kopiuj

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

   Główny proces wykorzystuje inne opakowanie. Jego addListener metoda rejestruje ipcMain.handle odbiornik dla tego kanału.

4. Znajdź zapis i sprawdzenie jego nadawcy

   główna/index.js * odbiornik schowka Kopiuj

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

   To jest cel podróży. Po sprawdzeniu nadawcy program obsługi przekazuje dostarczone dane do interfejsu API schowka Electron. Kanał i dwa rozwiązane opakowania łączą odsłoniętą metodę z tym wywołaniem.

Jak skopiowany blok zachowuje swoją strukturę?

Edytor internetowy Notion wysyła tekst i HTML poprzez electronApi.clipboard.write. Przechowuje dane bloku lokalnie i umieszcza identyfikator w skopiowanym kodzie HTML, aby je połączyć.

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

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

Po wklejeniu Notion szuka identyfikatora HTML i sprawdza go z zapisaną kopią. Pasujące identyfikatory przywracają dane bloku.

Format schowka nagrany z zasobów internetowych buforowanych 13 lipca 2026 r.

Więcej przykładów i źródeł

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

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

• JavaScript Przewodnik aplikacjiPostępuj zgodnie z funkcją eksportu małej aplikacji Electron.
• DX-BallPostępuj zgodnie z natywnymi instrukcjami sprawdzonej funkcji C.