我們都知道 SharePoint 是對頁面進行編輯的。

對于一些有編程基礎的人來說，可能需要對頁面中插入代碼，這樣才能更好的對頁面進行配置。

但是在新版本的 SharePoint modern 頁面來說，雖然我們可以插入 Embed 組件。

但是 Embed 組件中是不允許提供 script 和 Html 腳本的。只能插入 iFrame 框架或者 URL 地址。

這個就非常郁悶了。

管理員配置

在 SharePoint 頁面中，默認是禁用自定義腳本的。

你需要登錄管理員的界面，然后把這個自定義腳本的功能打開才能插入代碼。

據說這是基于安全的考慮，但是對我們來說這個就非常麻煩。

很多高級的功能都不能用了，頁面的排版也就是能使用 SharePoint 提供的幾個樣式，一點都不生動。

自定義 Web Parts

對于沒有提供的 Web Parts，我們是可以通過自定義組件的方式來添加到我們站點上的。

這里，我們可以用到 react-script-editor 這個組件。

GitHub 的訪問地址為：https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-script-editor

我們可以把 react-script-editor 下載下來后進行編譯打包后再上傳到你的站點上。

這樣的話，我們就可以在頁面中嵌入相關內容組件了，你可以在這個內容組件上對提供的代碼進行編輯。