SharePoint 页面中插入自定义代码

我们都知道 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 下载下来后进行编译打包后再上传到你的站点上。

这样的话,我们就可以在页面中嵌入相关内容组件了,你可以在这个内容组件上对提供的代码进行编辑。

SharePoint 页面中插入自定义代码 - 文档交付 - iSharkFly

相关推荐
PowerBI学谦25 天前
一个技巧实现在SharePoint中使用Copilot
copilot·sharepoint
Xheng19342 个月前
SharePoint 创建本地 Web 部件 workbench 报错解决
node.js·sharepoint·yeoman
wangye114226 个月前
国外新闻媒体推广:多元化媒体分发投放-大舍传媒
大数据·华为云·智能合约·媒体·sharepoint
aladinggao6 个月前
【M365运维】从SharepointOnline(SPO)朝AzureFileStorage(AFS)迁移文档
sharepoint·数据迁移·afs
wangye114227 个月前
国外新闻媒体稿件宣发:海外pr发稿干货秘籍-大舍传媒
大数据·人工智能·华为云·传媒·sharepoint
wangye114228 个月前
海外媒体宣发-关于“一带一路”建设与跨文化传播-大舍传媒
大数据·人工智能·华为云·web3·去中心化·智能合约·sharepoint
007php0078 个月前
数字化解决方案的设计与实现:提升业务效率与用户体验
java·大数据·hive·hadoop·windows·经验分享·redis·git·vscode·python·sql·selenium·mysql·青少年编程·zookeeper·金融·golang·rust·系统架构·rabbitmq·电脑·php·lua·erlang·nosql·hbase·postman·健康医疗·linq·big data·mariadb·ab测试·模块测试·里氏替换原则·composer·sharepoint·教育电商·julia·交通物流·symfony·mssql·
小沐°1 年前
SharePoint-连接Excel
微软·excel·sharepoint
蓝色的鱼wo1 年前
sharepoint2016-2019升级到sharepoint订阅版
sharepoint