javascript - JSFiddle 使用什么来调整 4 个代码内容区域的大小？

Question

这个问题是关于 jsFiddle 本身的；特别是区域如何调整大小。

jsFiddle 使用 4 个可独立调整大小的区域，它们之间有一个边框，边框中有这个图形：

如果需要，这些调整大小的句柄会导致 iframe 滚动；它的光滑。我搜索了 jQueryUI Resizable认为就是这样。没有...

我真的只知道jQueryUI。这是他们用来实现这一目标的不同图书馆吗？您能否识别和/或将我链接到他们用来调整大小的内容？

Answer 1

JSFiddle 使用CodeMirror以及一个名为LayoutCM.js的布局插件。您可以分解代码以弄清楚它是如何处理的，但实际上拖动事件正在更新面板的宽度和高度（百分比）。jQuery 解决方案可能是使用jQuery Splitter Plugin。