tango icon indicating copy to clipboard operation
tango copied to clipboard

tango是哪些类在处理codesandbox的事件

Open maxwls opened this issue 10 months ago • 2 comments

tango修改了codesandbox-client,在其index.html中添加了下面的代码:

        // 修改 domain,以便让外部页面和 iframe 页面在同一个域名下,主要目的是为了直接监听 iframe 页面的事件
        document.domain = window.location.hostname.split('.').slice(-2).join('.');

tango是哪些类在处理codesandbox的事件?

maxwls avatar Apr 25 '24 08:04 maxwls

如果我没有理解错的话,Tango 的拖拽引擎是通过 监听沙箱内的一系列事件 实现的,这些事件的回调函数会在初始化沙箱时 传入到封装好的沙箱组件内,然后沙箱组件 在 iframe 内注册这些事件,以监听沙箱内部的用户操作(如拖拽等),从而实现引擎的核心能力(如节点增改、拖拽移动等)。

ccloli avatar Apr 25 '24 14:04 ccloli

如果我没有理解错的话,Tango 的拖拽引擎是通过 监听沙箱内的一系列事件 实现的,这些事件的回调函数会在初始化沙箱时 传入到封装好的沙箱组件内,然后沙箱组件 在 iframe 内注册这些事件,以监听沙箱内部的用户操作(如拖拽等),从而实现引擎的核心能力(如节点增改、拖拽移动等)。

哇,请问我如何在自定义沙箱(CodeSandbox 和 SandPack)中复制这种效果?

SOG-web avatar Sep 14 '24 21:09 SOG-web