Javascript 通过拖动div的边来水平调整div的大小

我有一个使用angular2构建的应用程序，我的网页内容分为两个面板作为列。我需要实现一个功能，能够通过选择左面板的右边缘或右面板的左边缘来调整两个面板的大小

请让我知道，如果有一种方法来实现这一点使用角度或html，css或javascript

我知道css3具有resize属性，但这允许您通过按住div的一角而不查找此功能来调整大小

示例：我想实现与HTML编辑器（）类似的功能

如果我们打开上面的url，我们可以通过水平拖动中间栏来调整左右面板的大小。请参考下面的截图

看一看，例如：

$("#div1").resizable({
    handles: 'e, w'
});

---

可能存在大量重复的实现，