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

2020-09-18 19:04发布

         点击此处--->   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的链接,媒体和其他功能中的相似问题,我们的客户支持人员将提供十二个报告。

一周热门 更多>