首页 > 其他分享 >SharePoint 页面中插入自定义代码

SharePoint 页面中插入自定义代码

时间:2023-12-07 10:03:24浏览次数:33  
标签:自定义 script SharePoint 插入 组件 页面


我们都知道 SharePoint 是对页面进行编辑的。

对于一些有编程基础的人来说,可能需要对页面中插入代码,这样才能更好的对页面进行配置。

但是在新版本的 SharePoint modern 页面来说,虽然我们可以插入 Embed 组件。

但是 Embed 组件中是不允许提供 Script 和 Html 脚本的。只能插入 iFrame 框架或者 URL 地址。

这个就非常郁闷了。

SharePoint 页面中插入自定义代码_编译打包

管理员配置

在 SharePoint 页面中,默认是禁用自定义脚本的。

你需要登录管理员的界面,然后把这个自定义脚本的功能打开才能插入代码。

据说这是基于安全的考虑,但是对我们来说这个就非常麻烦。

SharePoint 页面中插入自定义代码_Web_02

很多高级的功能都不能用了,页面的排版也就是能使用 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 下载下来后进行编译打包后再上传到你的站点上。

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


标签:自定义,script,SharePoint,插入,组件,页面
From: https://blog.51cto.com/cwikius/8718191

相关文章

  • mysql 自定义 sql 拼接执行
    一、背景二、实现第一种:使用Mybatis,纯sql插入(推荐使用)动态创建Sql拼接在Mapper接口种指定该方法@InsertProvider(type=AutoCreateReport.class,method="insertSelectSqlFun")publicvoidsqlInsert(Stringsql);//insertSelectSqlFun方法sql参数传参sql执行......
  • ofd批注支持<ofd:Rotate>非标准的页面旋转属性
    boolannot_has_outerbox=true;autoboundary=apparence->GetAttribute(L"Boundary");if(boundary.GetStringLength()<=0){boundary=elem->GetAttribute(L"Boundary");if(boundary.Get......
  • Java Spring Boot 参数校验及自定义校验
    在项目开发中,时常会碰到前端传递过来的请求参数需要校验,毕竟永远不要相信没有经过自己校验的数据,如果是零星几个参数,直接if...elseif...else...即可,但数据量大了,同时为了尽可能地增加复用,这里就可以用到参数校验了,如果你觉得框架提供的校验方法不够用,或者你的校验比较个性化,那......
  • SpringBoot项目中集成自定义公共Maven依赖如何集成与调试
    场景Nexus-在项目中使用Maven私服,Deploy到私服、上传第三方jar包、在项目中使用私服jar包:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/101391279Maven项目在pom文件中引入lib下的第三方jar包并打包进去:https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/det......
  • java springboot 读取自定义配置文件
    javaspringboot读取自定义配置文件application.properties、test.properties maven中引用:<dependency><groupId>org.apache.commons</groupId><artifactId>commons-configuration2</artifactId><version......
  • Abp vNext自定义OpenIddict登录
    AbpvNext自定义OpenIdDict登录使用AbpvNext6.0我是打算给登录加一个验证码或者手机登录什么的,所以要自定义登录这方面官方文档写的不多,所以只能翻源码了源码分析首先就是去翻登录的api,用abp官方的angularDemo来看登录的路由,有三个网络请求/.well-known/openid-configurat......
  • WPF自定义路由事件
    声明与封装创建一个继承ContentControl的类,因为封装需要使用AddHandler和RemoveHandlerRegisterRoutedEvent的参数RoutingStrategy传入RoutingStrategy.Bubble为冒泡事件,传入RoutingStrategy.Tunnel为隧道事件申明公开的eventRoutedEventHandler封装RoutedEvent///用于路由......
  • VSCode 自定义 “Go to File”workbench.action.quickOpenNavigateNextInFilePicker
    默认情况下,是使用Ctrl+p也只能向下进行选择,如果用down或者up手则需要离开主键盘区域,非常的不方便。放到vscode配置快捷键的json文件中{"key":"ctrl+n","command":"workbench.action.quickOpenNavigateNext","when":"inFile......
  • 用户自定义消息及层次划分
    有些人对术语WM_USER表示消息范围基的名称有不同的意见,因为WM_USER是由窗口类的实现者来定义的。他们抱怨的是,用户不能使用它们,因为它们属于窗口类定义的一部分。但是,问题是,”这里的用户是谁?”换句话说,当我们说”用户自定义”这个词的时候,做自定义操作的这个用户到底是指谁?在......
  • mapstruct 高级用法自定义转换规则
    https://svip888.blog.csdn.net/article/details/115706803?spm=1001.2101.3001.6650.15&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-15-115706803-blog-117566307.235%5Ev39%5Epc_relevant_3m_sort_dl_base3&depth_1-utm_sourc......