Chrome扩展,jstree,IFRAME:拖放(chrome extension, jstree

2019-10-16 15:44发布

我是新来的Chrome扩展的发展,我要建一个需要一个侧面板(未弹出),就像萤火虫,但在右侧。 我在侧面板采用jsTree(与json_data),我想从网页到侧板拖动的元素。

到目前为止,创造了侧面板,我用附加到机身采用的z-index,使其出现在网页之上的股利,但元素在我的侧面板样式,因为该网站的CSS的改变。

所以,我想我可以使用iframe来避免我的侧面板内的任何CSS不兼容。 我动态创建的iframe,与SRC =“铬扩展:///page.html”。

我已经成功地使我的iframe我jstree做工精细通过在iframe的源页面直接加载了jQuery + jstree脚本...这是很糟糕,但我不能让用于iframe的源页面内容的脚本(尽管 “all_frames”:真)。

我想拖动从网站的页面元素融入jstree在iframe ...我已经找到了iframeFix:true和refreshPositions:真实的,但似乎并没有改变任何东西...任何人都知道该怎么做?

如果我不使用iframe,根据网络上的多个例子,我可以很容易地删除一个元素使用DND插件jstree。 我还没有尝试过; 即使它的工作,在我的侧面板的CSS将被改变,我不能让这种情况发生。

我已经看到了技术的“上面的iframe的div层”。 我可以成功地从网页上的iframe上面落DIV元素。 但是,当我尝试通过端口来发布消息(包含被丢弃的元素的数据)的iframe的iframe没有收到消息。 我在这种情况下,思想是将信息以某种方式加入到jstree的JSON数据。

我读过所有我发现约content_scripts和iframe的职位,我知道的错误......我想不通,如果是固定的或没有,如果是这样,我不知道如何使在ifram和内容脚本工作之间的串口通信。 任何人都知道更多有关?

我还要补充一点,当我尝试使用端口的内容脚本和IFRAME之间的沟通,并在后台页面的iframe复制监听,背景页收到消息就好了......这只是意味着该端口通信工作正常,我想,而不是内容脚本和IFRAME之间...

有什么想法吗? 我真的卡住

Answer 1:

回答我的问题; 我还没有找到如何在Chrome扩展与jstree使用iframe的一个解决方案。

我只是要为骨灰级的方式; 追加<div><body>并做了很多测试,确保里面我的CSS <div>将继续从网页上的CSS隔离。

干杯



文章来源: chrome extension, jstree, iframe: drag and drop