如何在AEM Sites的文本对话框编辑器中添加Style样式选项

你找不到/mnt/overlay/cq/gui/components/authoring/dialog/style/tab_design/styletab路径属于正常情况，/mnt/overlay是Sling运行时的虚拟挂载路径，不会直接展示在CRXDE的资源树中，对应的实际资源存储在/libs和/apps的重叠目录下，无需直接操作该虚拟路径。

可按以下步骤启用样式功能：

• 首先进入对应站点页面，点击编辑器右上角的模式切换下拉框，选择设计模式，选中需要添加样式的文本组件，查看左侧边栏是否出现「样式」选项卡
• 若样式选项卡为空，需先为文本组件配置允许的CSS类：
  1. 打开CRXDE Lite，进入路径/apps/<你的站点标识>/components/content/text
  2. 在文本组件节点下新增cq:styleGroups子节点，节点类型设为nt:unstructured
  3. 在cq:styleGroups下新增自定义样式分组节点，再在分组下添加对应样式项，每个样式项需配置三个核心属性：
     • cq:styleId：样式的唯一标识，可自定义
     • cq:styleClasses：需要应用的CSS类名，多个类用空格分隔
     • cq:styleLabel：编辑器中显示给内容作者的样式名称
• 若使用AEM可编辑模板，还可以通过模板策略快速配置：
  1. 进入模板编辑器，打开对应页面的模板
  2. 选中文本组件，点击工具栏的「策略」图标
  3. 在策略配置界面的「样式」分类下，勾选启用样式系统，按需添加允许的CSS类即可
• 配置完成后切换回编辑模式，选中文本组件即可在左侧样式选项卡中选择对应CSS样式应用到内容

预期显示的文本组件样式选项卡界面

CRXDE中无/mnt路径的实际界面

内容的提问来源于stack exchange，提问作者Augusto