Πώς το Notion αντιγράφει
κείμενο και HTML.

Πού καταλήγει η λειτουργία αντιγραφής;

Η σελίδα βλέπει μια μέθοδο που ονομάζεται clipboard.write. Η υλοποίησή της στην προφόρτωση είναι ένα περίβλημα. Το χρήσιμο ερώτημα είναι τι στέλνει αυτό το περίβλημα και ποιος κώδικας το λαμβάνει.

Παράδειγμα προτροπής με το τοπικό πακέτο εφαρμογής του Notion διαθέσιμο στον βοηθό προγραμματισμού σας.

Το REA βρίσκει από πού να ξεκινήσετε την ανάγνωση

Η ανάλυση της προφόρτωσης καρτέλας με το REA εντοπίζει το API που εκτίθεται στη σελίδα και την κλήση που στέλνει ένα αίτημα IPC. Και τα δύο ευρήματα συνοδεύονται από περιοχές πηγαίου κώδικα στο ελαχιστοποιημένο πακέτο:

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

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

Ο βοηθός ανοίγει αυτές τις θέσεις, βρίσκει το μέλος του προχείρου στο συγκροτημένο API και διαβάζει την invokerInMain. Το σημείο κλήσης της παρέχει το notion:clipboard:write. Αυτό το όνομα δίνει στον βοηθό κάτι συγκεκριμένο να αναζητήσει στο κύριο πακέτο. Τα τέσσερα παρακάτω αποσπάσματα δείχνουν τη διαδρομή που συνδέει.

Τέσσερα σύντομα τμήματα κώδικα

Απλοποιημένα από τη συσκευασμένη JavaScript, με ευανάγνωστα ονόματα μεταβλητών. Τα άσχετα μέλη παραλείπονται.

1. Ξεκινήστε από το API που εκτίθεται στη σελίδα

   tab_browser_view/preload.js · μέλος API Αντιγραφή

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

   Αυτό το μέλος παρέχει το όνομα του καναλιού. Η υλοποίηση της invokerInMain μας δείχνει πώς το αίτημα φεύγει από τη διεργασία της σελίδας.

2. Εξετάστε το περίβλημα της προφόρτωσης

   tab_browser_view/preload.js · βοηθητική συνάρτηση IPC Αντιγραφή

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

   Η επιστρεφόμενη συνάρτηση προωθεί τα ορίσματα μέσω του IPC αιτήματος και απόκρισης του Electron. Μπορούμε πλέον να αναζητήσουμε το notion:clipboard:write στην πλευρά της κύριας διεργασίας.

3. Ελέγξτε πώς καταχωρίζεται ο παραλήπτης

   main/index.js · βοηθητική συνάρτηση χειριστή Αντιγραφή

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

   Η κύρια διεργασία χρησιμοποιεί άλλο ένα περίβλημα. Η μέθοδός του addListener καταχωρίζει έναν παραλήπτη ipcMain.handle για αυτό το κανάλι.

4. Βρείτε την εγγραφή και τον έλεγχο αποστολέα της

   main/index.js · παραλήπτης προχείρου Αντιγραφή

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

   Αυτός είναι ο προορισμός. Αφού ελέγξει τον αποστολέα, ο χειριστής περνά τα παρεχόμενα δεδομένα στο API προχείρου του Electron. Το κανάλι και τα δύο περιβλήματα που εξετάστηκαν συνδέουν την εκτεθειμένη μέθοδο με αυτή την κλήση.

Πώς ένα αντιγραμμένο μπλοκ διατηρεί τη δομή του;

Ο επεξεργαστής ιστού του Notion στέλνει κείμενο και HTML μέσω της electronApi.clipboard.write. Κρατά τα δεδομένα του μπλοκ τοπικά και τοποθετεί ένα αναγνωριστικό στο αντιγραμμένο HTML για να τα συνδέσει.

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

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

Κατά την επικόλληση, το Notion αναζητά το αναγνωριστικό του HTML και το συγκρίνει με το αποθηκευμένο αντίγραφο. Τα ίδια αναγνωριστικά επαναφέρουν τα δεδομένα του μπλοκ.

Μορφή προχείρου καταγεγραμμένη από πόρους ιστού που αποθηκεύτηκαν στην προσωρινή μνήμη στις 13 Ιουλίου 2026.

Περισσότερα παραδείγματα και πηγές

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

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

• Οδηγός εφαρμογών JavaScriptΑκολουθήστε τη λειτουργία εξαγωγής μιας μικρής εφαρμογής Electron.
• Ανακατασκευή του DX-BallΑκολουθήστε εντολές κώδικα μηχανής μέχρι μια ελεγμένη συνάρτηση C.