Comment se copie Notion
texte et HTML.

Où va l'opération de copie?

La page voit une méthode appelée clipboard.write. Son implémentation dans la précharge est un wrapper. La question utile est de savoir ce que ce wrapper envoie et quel code le reçoit.

Un exemple d'invite avec le package d'application local de Notion disponible pour votre agent de codage.

REA trouve par où commencer la lecture

L'analyse du préchargement de l'onglet avec REA localise l'API exposée à la page et l'appel qui envoie une requête IPC. Les deux résultats sont fournis avec des plages de sources dans le bundle minifié:

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

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

L'agent ouvre ces emplacements, trouve le membre du presse-papiers dans l'API assemblée et lit invokerInMain. Son site d'appel approvisionne notion:clipboard:write. Ce nom donne à l'agent quelque chose de précis à rechercher dans le paquet principal. Les quatre extraits ci-dessous montrent l'itinéraire qu'il relie.

Quatre courts morceaux de code

Simplifié à partir du JavaScript emballé, avec des noms de variables lisibles. Les membres non apparentés sont omis.

1. Commencez par l'API exposée à la page

   affichage des onglets/preload.js * Membre de l'API Copier

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

   Ce membre fournit le nom du canal. La mise en œuvre de invokerInMain nous indique comment la demande quitte le processus de la page.

2. Résoudre le wrapper de la précharge

   affichage des onglets/preload.js * Assistant IPC Copier

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

   La fonction renvoyée transmet les arguments via l'IPC de requête et de réponse de Electron. Nous pouvons maintenant chercher notion:clipboard:write du côté du processus principal.

3. Vérifiez comment le destinataire est enregistré

   principale/index.js * aide-manutentionnaire Copier

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

   Le processus principal utilise un autre wrapper. Ses addListener la méthode enregistre un ipcMain.handle récepteur pour ce canal.

4. Trouver l'écriture et sa vérification de l'expéditeur

   principale/index.js * récepteur de presse-papiers Copier

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

   C'est la destination. Après avoir vérifié l'expéditeur, le gestionnaire transmet les données fournies à l'API du presse-papiers de Electron. Le canal et les deux wrappers résolus connectent la méthode exposée à cet appel.

Comment un bloc copié conserve-t-il sa structure?

L'éditeur Web de Notion envoie du texte et du HTML via electronApi.clipboard.write. Il conserve les données de bloc localement et place un identifiant dans le code HTML copié pour les connecter.

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

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

Lors du collage, Notion recherche l'ID HTML et le compare à la copie enregistrée. Les identifiants correspondants restaurent les données de bloc.

Format du presse-papiers enregistré à partir des ressources Web mises en cache le 13 juillet 2026.

Plus d'exemples et de sources

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

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

• Guide d'application pour le modèle JavaScriptSuivez la fonction d'exportation d'une petite application Electron.
• DX-Ball reconstructionSuivez les instructions natives d'une fonction C vérifiée.