Не легко это короткий ответ.
Идея высокого уровня состоит в том, чтобы определить некоторые регионы, используя div или таблицу, и используя выбранную вами js-среду, сделайте эти элементы изменяемыми. это дает вам аспект сплиттера.
Пристыковке придется использовать абсолютные позиционируемые элементы, которые вы можете перетаскивать и, если вы в данный момент находитесь над стыковочным элементом, переместите элемент, который нужно закрепить, внутри стыковочного элемента и измените его положение на нормальное. Если вы хотите вытащить его, вы измените его положение на абсолютное
Кроме того, это нелегко сделать, и это займет много времени и, вероятно, все еще будет работать неправильно. Извините, что звучит пессимистично.