如何构建自定义颜色构建器功能?

时间:2018-03-07 09:32:58

标签: javascript html css reactjs iframe

我正在开发一个功能,管理员用户可以通过他的管理面板更改面向用户的各个应用部分的CSS(基本颜色)。请参阅下面的示例截图。

http://www.etf.com/etfanalytics/etf-finder

他更改的颜色将立即反映在屏幕截图类型的图像中,其宽度和高度均小于实际值,以便在管理界面中显示。

我有两种方法可供选择

  1. 屏幕截图为HTML - 我可以复制粘贴用户应用的html内容并将其放入管理页面,但这不是一个非常好的方法

  2. 屏幕截图作为iframe - 我可以单独加载iframe中的内容并访问iframe内容来更改css [同源,所以没有CORS问题]但问题是由于应用程序是使用反应库开发的,因此我无法访问DOM本身,因此没有真正的DOM。

  3. 我该如何解决这个问题?

0 个答案:

没有答案