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

SharePoint 页面中插入自定义代码

时间:2023-11-12 15:14:08浏览次数:39  
标签:自定义 代码 SharePoint 插入 组件 页面

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

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

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

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

这个就非常郁闷了。

 

2023-11-09_22-51-11

 

管理员配置

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

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

 

https://www.isharkfly.com/t/sharepoint/15129

标签:自定义,代码,SharePoint,插入,组件,页面
From: https://www.cnblogs.com/huyuchengus/p/17827191.html

相关文章

  • SharePoint 的 Web Parts 是什么
    WebParts可以说是微软SharePoint的基础组件。根据微软自己的描述,WebParts是SharePoint对内容进行构建的基础,可以想想成一块一块的砖块。我们需要使用这些砖块来完成一个页面的构建。我们可以利用WebParts在SharePoint中添加文本,图片,文件,视频,甚至是动态内容。添加......
  • vue自定义指令
    app.vue<template><divclass=""><!--自定义指令全局<inputv-focustype="text"name=""id=""><br>自定义指令局部<inputv-focus2type="text"name=""id="&......
  • Vue自定义指令
    自定义指令根据自定义的指令,可以封装一些dom操作,扩展额外的功能全局注册-语法全局注册是在min.js文件中去定义的Vue.directive('指令名',{//inserted:钩子是一个自定义指令的生命周期钩子函数之一。它会在被绑定的元素插入到父节点时调用。"inserted"(el){......
  • android 页面切换
    案例演示:首先有MainActivity与LoginActivity两个ActivityMainActivity.javapublicclassMainActivityextendsAppCompatActivity{@OverrideprotectedvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setConte......
  • SpringSecurity successHandler方法使用自定义Handler登录成功,302问题
    一开始我自定义了成功和失败两个Handler,在进行调试的时候发现失败的没有问题,但是登录成功的话走的是某人的重定向而不是我自定义的protectedvoidconfigure(HttpSecurityhttp)throwsException{http.csrf().disable().headers().frameOptions().disable()......
  • CDN 在某些页面上提供图像,但在其他页面上不提供图像
    如果在某些页面上使用CDN提供图像,但在其他页面上不提供图像,可能是以下几个原因导致的:1.页面链接错误:检查在不提供图像的页面上,图像的链接是否正确。确保链接指向CDN上的正确图像位置。2.缓存问题:有可能之前访问缺少图像的页面时,图像链接出现问题,导致浏览器缓存了错误的链接。尝试......
  • 如何避免HTML iframe导致页面刷新
    要避免HTMLiframe导致页面刷新,您可以采取以下几种方法:使用AJAX加载内容:使用JavaScript的AJAX技术来异步加载iframe中的内容,这样就可以避免整个页面的刷新。您可以使用XMLHttpRequest或者jQuery的$.ajax方法来实现异步加载。设置iframe的sandbox属性:将iframe的sandbox属性设置为"al......
  • PHP实现页面间的链接和背景图片设置
    在PHP中实现页面间的链接非常简单,你可以使用HTML的<a>标签来创建链接。下面是一个示例代码,当用户点击按钮后,将跳转到下一个页面:<!--第一个页面--><!DOCTYPEhtml><html><head><title>第一个页面</title></head><body><buttononclick="window.locati......
  • 如何使用透明的div实现页面背景模糊效果
    要在页面背景上实现模糊效果,并使内容区域(<div>)保持半透明,你可以使用CSS的backdrop-filter属性。这个属性可以用于设置页面背景的滤镜效果,而不影响内部内容的模糊。下面是一个示例的代码片段,展示如何实现这个效果:<!DOCTYPEhtml><html><head><title>背景模糊效果</title>......
  • 怎么样能拿到微信小程序每次进入页面的渲染时长?
    要获取微信小程序每次进入页面的渲染时长,可以通过以下几个步骤实现:在页面的onLoad函数中记录开始时间戳:在页面的onLoad函数中,使用Date.now()记录当前时间戳。这将作为页面渲染开始的时间。在页面的onReady函数中记录结束时间戳:在页面的onReady函数中,再次使用Date.now()......