提问
SAP Commerce Cloud backoffice cockpit ng wysiwyg

后台小部件模态和所见即所得的JavaScript问题

2020-09-18 19:04发布

站内问答 / SAP Cloud
1583 2 4

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


你好社区。

我们使用所见即所得编辑器（CKEditor）的问题已经很长时间了。 两年多了。 尽管我们从来没有找到一种简单的方法来重现这些问题，但是现在我们有了一个可以一直重现的方法。 我们在CKEditor的配置中添加了全屏选项/功能，因为它使大内容的使用变得更加容易。

但是，所见即所得编辑器似乎与与Backoffice小部件一起使用ZK框架的方式并不完全兼容。 当Backoffice窗口小部件打开并使背景变暗时，例如创建向导，然后单击全屏选项，该选项在WYSIWYG编辑器中添加了另一层变暗的弹出窗口，这会产生一个非常糟糕的问题。 CKEditor的javascript会在自身之上添加一个变暗层，与已经放置的Hybris Backoffice小部件相互撞撞。

我们在其他CKEditor功能上遇到了类似的问题，例如打开窗口的表属性，链接和媒体，当您已经处于创建向导中并且执行此操作时，CKEditor打开的窗口最终位于Hybris Backoffice模态/向导的后面。 但是，我们每次只能重新创建全屏选项，因此只能找到100％可再现的情况。

请注意，如果我们直接在不在Hybris Backoffice模态/弹出/细节视图中的编辑器区域中使用WYSIWYG编辑器，但是在集合浏览器中，我们将永远不会遇到这些问题。 然后它总是可以工作，并且所有功能都可以工作，但是一旦我们进入Hyrbis Backoffice模式，事情就会开始发生冲突。 因此，我们怀疑问题在于Hybris Backoffice打开了使背景变暗的模式，然后在这些模式中使用WYSIWYG编辑器时，某些功能将在前面打开另一个功能，然后与已经变暗的背景发生冲突。 我们已经花费了很多时间来尝试自己解决此问题，但是我们发现的唯一解决方案是，我们从未在创建向导和详细信息视图中使用所见即所得的编辑器。 您是否可以重现并解决此问题？

替代文字在创建向导中按下全屏功能后：替代文字

（39.8 kB）

         点击此处--->   EasySAP.com群内免费提供SAP练习系统（在群公告中）

加入QQ群：457200227（SAP S4 HANA技术交流） 群内免费提供SAP练习系统（在群公告中）


你好社区。

我们使用所见即所得编辑器（CKEditor）的问题已经很长时间了。 两年多了。 尽管我们从来没有找到一种简单的方法来重现这些问题，但是现在我们有了一个可以一直重现的方法。 我们在CKEditor的配置中添加了全屏选项/功能，因为它使大内容的使用变得更加容易。

但是，所见即所得编辑器似乎与与Backoffice小部件一起使用ZK框架的方式并不完全兼容。 当Backoffice窗口小部件打开并使背景变暗时，例如创建向导，然后单击全屏选项，该选项在WYSIWYG编辑器中添加了另一层变暗的弹出窗口，这会产生一个非常糟糕的问题。 CKEditor的javascript会在自身之上添加一个变暗层，与已经放置的Hybris Backoffice小部件相互撞撞。

我们在其他CKEditor功能上遇到了类似的问题，例如打开窗口的表属性，链接和媒体，当您已经处于创建向导中并且执行此操作时，CKEditor打开的窗口最终位于Hybris Backoffice模态/向导的后面。 但是，我们每次只能重新创建全屏选项，因此只能找到100％可再现的情况。

请注意，如果我们直接在不在Hybris Backoffice模态/弹出/细节视图中的编辑器区域中使用WYSIWYG编辑器，但是在集合浏览器中，我们将永远不会遇到这些问题。 然后它总是可以工作，并且所有功能都可以工作，但是一旦我们进入Hyrbis Backoffice模式，事情就会开始发生冲突。 因此，我们怀疑问题在于Hybris Backoffice打开了使背景变暗的模式，然后在这些模式中使用WYSIWYG编辑器时，某些功能将在前面打开另一个功能，然后与已经变暗的背景发生冲突。 我们已经花费了很多时间来尝试自己解决此问题，但是我们发现的唯一解决方案是，我们从未在创建向导和详细信息视图中使用所见即所得的编辑器。 您是否可以重现并解决此问题？

替代文字在创建向导中按下全屏功能后：替代文字

（39.8 kB）
付费偷看设置
发送
2条回答
Nir深蓝
1楼 · 2020-09-18 19:53.采纳回答

我解决了！ 最后！

当我深入研究CKEditor的代码时，我发现他们从配置中的规范中添加了Z-index。 Hybris文档中没有任何提及，因此万一遇到这种情况，我将为您提供非常简单的解决方案：

只需将其添加到CKEditor的配置中即可：

config.baseFloatZIndex = 19900;

示例：

  CKEDITOR.editorConfig = function（config）{
      config.toolbarGroups = [
          ...
      ];
      config.baseFloatZIndex = 19900;
 
      ...
  };
樱桃小丸子0093
2楼-- · 2020-09-18 19:58

如果您需要其他图像来显示CKEditor的链接，媒体和其他功能中的相似问题，我们的客户支持人员将提供十二个报告。

一周热门 更多>

点击此处---> EasySAP.com 一起学习S4 HANA ...