javascript - JSFiddle は 4 つのコード コンテンツ領域のサイズを変更するために何を使用していますか?

Question

この質問は jsFiddle 自体に関するものです。具体的には、領域のサイズがどのように変更されるかです。

jsFiddle は、独立してサイズ変更可能な 4 つの領域を使用し、領域間に次のグラフィックを含む境界線があります。

これらのサイズ変更ハンドルにより、必要に応じて iframe がスクロールされます。その滑らかな。jQueryUI Resizableを検索しましたが、それだと思いました。いいえ...

私は本当にjQueryUIしか知りません。これは、彼らがそれをやってのけるために使用している別のライブラリですか? サイズ変更に使用しているものを特定および/またはリンクしていただけますか?

Answer 1

JSFiddle は、 LayoutCM.jsというレイアウト プラグインとともにCodeMirrorを使用します。コードを分解して処理方法を理解することもできますが、基本的にドラッグ イベントはパネルの幅と高さ (パーセンテージ) を更新しています。jQuery ソリューションは、jQuery Splitter Pluginを使用することです。