如何将 HTML 元素添加到 SharePoint 2010 功能区区域答案

【问题标题】：How to add HTML elements to the SharePoint 2010 ribbon area如何将 HTML 元素添加到 SharePoint 2010 功能区区域
【发布时间】：2011-08-22 20:51:56
【问题描述】：

我正在尝试编辑 SharePoint 2010 功能区以在选项卡旁边添加链接。因此，我只想在“浏览”和“页面”选项卡的右侧添加元素。看起来它们应该是其他选项卡，但它们的功能类似于链接。

我已在网上广泛搜索以尝试解决此问题，但我不确定答案是编辑自定义母版页还是通过 Visual Studio 部署某些内容。无论哪种方式，我都无法在该区域出现一些东西。

下面是这可能的样子的屏幕截图。

此外，对于将用户及其菜单向左移动的任何帮助也将不胜感激。

【问题讨论】：

标签： html sharepoint tabs customization ribbon

【解决方案1】：

SharePoint 不允许您以这种方式修改功能区。您必须使用 jQuery 或类似工具将新列表项 (li) 添加到选项卡无序列表 (ul)。您可以使用 firebug 找到列表：

<ul class="ms-cui-tts" unselectable="on" role="tablist">
    <li class="ms-cui-tt" id="Ribbon.Read-title" unselectable="on" role="tab">
    <li class="ms-cui-tt" id="Ribbon.WebPartPage-title" unselectable="on" role="tab">
</ul>

请注意，不推荐使用这种解决方案（难以维护、不受支持，而且这可能在下一版本的 SharePoint 中不起作用）。

要将用户和菜单向左移动，只需通过 SharePoint 设计器重新排列 v4 母版页副本中的控件即可。

【讨论】：

感谢您帮助我理解。 jQuery方法我没有想到，但它是有道理的。

【解决方案2】：

@alfonso 是对的。只是为可能想要使用 jQuery 添加选项卡的其他人添加更多内容

$('<li class="ms-cui-tt ms-browseTab" style="line-height" unselectable="on" role="tab"><a class="ms-cui-tt-a"><span class="ms-cui-tt-span">You custom link here</span></a></li>').appendTo('ul[role="tablist"]');

这将在“页面”选项卡的右侧添加一个项目

【讨论】：