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

这个问题是关于jsFiddle本身;特别是如何调整区域。JSFiddle使用什么来调整4个代码内容区域的大小？

的jsfiddle采用4个独立可调整大小的区域，它们有它们之间的边界与此图形的边界：

Border resizing handle

这些调整手柄使I帧，如果需要滚动;它的光滑。我搜索了jQueryUI Resizable就是这么想的。没有...

我真的只知道jQueryUI。这是一个不同的图书馆，他们正在使用它来拉断？你能识别和/或链接到他们用来调整大小的东西吗？

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

2013-03-08 15:51:39 Corey

到jQuery分离器的链接看起来很有前途;我不必为其他轻微的东西包含/使用其他库。有再次编辑的风险，感谢您的帮助，很感激。 – 2013-03-08 16:06:59

回答