Як 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

Агент відкриває ці папки, знаходить елемент clipboard у зібраному 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. Знайдіть запис і перевірте його відправника

   головний/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.