Sharepoint 2013 在保存时删除嵌入代码中 <style> 的内容答案

【问题标题】：Sharepoint 2013 deleting contents of <style> in embed code when savingSharepoint 2013 在保存时删除嵌入代码中 <style> 的内容
【发布时间】：2014-03-21 05:43:37
【问题描述】：

我正在尝试使用嵌入代码工具向 Sharepoint 2013 页面添加一些样式。在我保存页面然后删除<style> 和</style> 标签之间的所有文本之前它工作正常？

所以我点击页面上的embed code并输入以下内容

<style>
.sampleStyle {color:#fff}
</style>

当它保存并重新打开时，我发现 sharepoint 已将代码更改为此

<style unselectable="on">
</style>

【问题讨论】：

标签： css sharepoint-2013

【解决方案1】：

这是可以做到的。今天早上我很沮丧，我在 嵌入代码 框中添加了信息，而 SharePoint 根本不会保存它。当我回到盒子里时，它只是空的。

下面是如何使它工作：

像以前一样使用嵌入代码，但输入以下内容：
```
<script type="text/css">
  */your CSS here/*
</script>
```
点击插入
保存您的页面
再次编辑您的页面并将 script 更改为 style（应该如此）

它现在可以工作了！

首次添加代码时，您必须使用 <script> 以便 SharePoint 保存和嵌入一些代码。嵌入后，您可以对其进行更改，它将保持嵌入状态并正常工作。

【讨论】：

非常感谢！我正在死于无法选择的不断清除我的代码
这对我不起作用。我收到一条消息，指出我的一些代码已被删除，我应该改用“嵌入”。
这对我也不起作用，只是像第一个元素一样添加。它从“片段”更改为“脚本编辑器”并保留了样式。

【解决方案2】：

我认为您不能在内容编辑器中添加 css 样式和 javascript。但是，您可以使用脚本编辑器来添加它们。

最好有一个文件并使用脚本编辑器包含该文件，如视频https://www.youtube.com/watch?v=gcWX3N4nWyw

【讨论】：

【解决方案3】：

如果有人需要，请在此处详细了解选项：

http://365.webbrewers.com/blog/Lists/Posts/Post.aspx?ID=30

“向 2013 年的公共网站页面添加 javascript 并不像在大多数设计合理的内容管理系统中那样简单。页面编辑器提供的选择是“嵌入代码”工具、“编辑 html 源代码”工具并隐藏在 Web 部件下 - 脚本编辑器 Web 部件。据我所知，这三个是如何工作的：

嵌入代码工具：

这是最奇怪的 Microsoft 脚本插入组合 - 它会检测您的插入是否以标记开头，如果是，则添加脚本编辑器 Web 部件。如果没有，它只是在页面的源代码中添加一个“sn-p”代码——并删除任何 javascript。因此，如果您想为链接中的弹出窗口添加一个像 onclick 事件这样的 INLINE js 事件，则此选项将..."

【讨论】：

【解决方案4】：

使用 HTML 表单编辑器 Web 部件，SharePoint 不会更改您的代码。

【讨论】：

【解决方案5】：

<script type="text/css"> 方法对我不起作用。 MS 将从最终结果中删除<script/>。您需要进入 Sharepoint 管理站点以启用 Settings 下的 Custom Script 并等待 24Hrs 使其生效。

将 .css 文件添加到站点并将其链接到您的代码中 sn-p 可能是正确的方法。

然而，一个又快又脏的方法是内联你的css。 MailChimp 有一个tool，可以帮助您通过单击来完成此操作。最终结果很糟糕（就像每一个内容丰富的时事通讯/s），但它确实有效。

【讨论】：