چگونه 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. نحوه ثبت نام گیرنده را بررسی کنید

   اصلی/index.js * handler helper کپی

   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. این داده های بلوک را به صورت محلی نگه می دارد و یک ID را در HTML کپی شده برای اتصال آنها قرار می دهد.

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

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

در paste ، 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 چک شده دنبال کنید.