JSFiddle使用什麼來調整4個代碼內容區域的大小？

Question

這個問題是關於jsFiddle本身;特別是如何調整區域。

的jsfiddle採用4個獨立可調整大小的區域，它們有它們之間的邊界與此圖形的邊界：

這些調整手柄使I幀，如果需要滾動;它的光滑。我搜索了jQueryUI Resizable就是這麼想的。沒有...

我真的只知道jQueryUI。這是一個不同的圖書館，他們正在使用它來拉斷？你能識別和/或鏈接到他們用來調整大小的東西嗎？

Answer 1

JSFiddle使用CodeMirror以及一個名爲LayoutCM.js的佈局插件。你可以分解代碼來弄清楚它是如何處理的，但實質上拖動事件是更新面板的寬度和高度（百分比）。 jQuery解決方案可以使用jQuery Splitter Plugin。