应用错误收集

我不在任何人编写此代码之后，我会接受一些建议并可能链接到类似系统，我们可以从中学习

我搜索得很长很难，但没有运气。我想要做的是：

有一个包含两个窗格的网页。下面的演示图片。

enter image description here

上部窗格：保存一个CSS文件，就像textarea一样。用户可以随时编辑和保存。使用下面的预览按钮.. ..which onclick显示预览窗格或模态窗口。随着css更改为特定文件。

我认为它有点像JS小提琴，但它预加载了一个特定的css文件。 “预览”窗格已加载特定的html文件。因此，当用户保存会话时，会更新css文件，他们可以查看进度。

我知道这不是一个严格意义上的问题，也许在投票之前你可能只是帮助一些指向类似脚本或逻辑的指针。因为它是我没有找到任何可以做到这一点的运气，更不用说知道从哪里开始创造这样的东西了。