在 AEM 中,编辑器界面有两种模式可供选择:editor.html 和 cf#。这两种模式有以下区别:
使用 editor.html 模式时,URL 的结构如下所示:
http://server:[port]/[context path]/editor.html/content/[path/to/page]?wcmmode=disabled
而使用 cf# 模式时,URL 的结构如下所示:
http://server:[port]/[context path]/cf#/content/[path/to/page]
使用 editor.html 模式时,可以编辑的组件是通过编辑窗口打开的。而在 cf# 模式中,组件直接可见并可编辑。
以下是在 AEM 中使用 cf# 模式的示例代码:
通过以上代码,可以实现组件的直接可见和可编辑。注意,此处使用的是“cq-editrollover-btn”和“cq-editrollover-target”类,这是与 editor.html 模式不同的地方。