Как 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. Найдите запись и проверьте ее отправителя

   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.