是否可以在Sitecore页面编辑器中为占位符、组件和编辑框定义不同的图标；组件导航器"；？

在Sitecore页面编辑器中工作时，我们的编辑器使用蓝色箭头图标在占位符、组件和编辑框架树中导航，以打开组件导航器。 组件导航器显示树中的每个祖先（来自编辑器单击的页面区域的上下文），并带有一个标题和一个小的蓝色方形项目符号图标：

/sitecore/shell/~/icon/ApplicationsV2/16x16/bullet_square_glass_blue.png.aspx

不幸的是，所有组件、占位符和编辑框都由同一个图标表示，仅通过标题来区分组件和占位符并不总是那么容易（核心数据库中的“编辑框”按钮具有可编辑的标题和工具提示）

理想情况下，我们希望有彩色编码的项目符号图标，这将有助于我们的编辑了解他们在哪里以及他们在点击什么

这些不是内容树中使用的图标

那么，是否有任何地方可以为每个图标设置不同的图标？如果没有，是否有代码修复程序

编辑以澄清：此图像-正文中的蓝色项目符号是占位符，第一个图像横幅是组件，第二个是编辑框（将获得新标题），横幅覆盖是另一个占位符：

---

这些通常在WebEdit下配置；如“核心”数据库中所定义。例如，切换到“核心”后，请查看“/sitecore/content/Applications/WebEdit/Edit Frame Buttons”下的内容

---

您应该能够从那里进行所需的大多数图标更改。

您需要做的是为所选的

chrometype

编辑javascript文件

转到

sitecore\shell\Applications\Page Modes\ChromeTypes

目录。您看到的是基本的

ChromeType

函数和继承函数，如

占位符ChromeType

，

渲染ChromeType

，等等

编辑要更改其图标的类型。覆盖

图标

功能如下：

icon: function() {
  return '/sitecore/shell/~/icon/ApplicationsV2/16x16/bullet_square_glass_green.png.aspx';
},

Sitecore.PageModes.ChromeTypes.Placeholder = Sitecore.PageModes.ChromeTypes.ChromeType.extend( {
  constructor: function() {
    this.base();
  },

  icon: function() {
    return '/sitecore/shell/~/icon/ApplicationsV2/16x16/bullet_square_glass_green.png.aspx';
  },

  controlId: function() {
    var marker = this.chrome.openingMarker();

因此，如果编辑

placeholder chrometype.js

文件，它的开头应该是这样的：

icon: function() {
  return '/sitecore/shell/~/icon/ApplicationsV2/16x16/bullet_square_glass_green.png.aspx';
},

Sitecore.PageModes.ChromeTypes.Placeholder = Sitecore.PageModes.ChromeTypes.ChromeType.extend( {
  constructor: function() {
    this.base();
  },

  icon: function() {
    return '/sitecore/shell/~/icon/ApplicationsV2/16x16/bullet_square_glass_green.png.aspx';
  },

  controlId: function() {
    var marker = this.chrome.openingMarker();

---

清除浏览器缓存并刷新页面。现在，所有占位符图标都将为绿色

尽管经过深思熟虑，它可能不会给你真正需要的东西。如果是这种情况，那么给出答案将需要稍长的时间；-）嗨，马克，我不确定这是否有帮助-编辑框架按钮设置了图标，但这些图标用于内容编辑器和页面编辑器中的小浮动按钮条。特别是当你可以导航到我试图找到的祖先时，你看到的要点：-）