css拖拽调整高度,两种为wangEditor添加拖拽调整高度的方式：CSS3和jQuery UI

wangEditor是一款优秀的Web富文本编辑器，但如果能像KindEditor那样支持拖拽调整高度就更好了。有两种方式可以为wangEditor添加这一功能，这里使用的wangEditor版本为2.1.22。

第一种方式是最简单，也是比较完美的一种方式：为编辑器元素添加值为vertical的resize CSS样式：

原生CSS方式

#editor {

resize: vertical;

}

var editor = new wangEditor("editor");

editor.create();

这样，编辑器的右下角就变成了可以拖动的把手(值vertical使其仅可垂直拖动)：

使用这种方式，在Chrome里，无法将编辑器的高度拖动到比原始高度更小，而在FireFox里，可以拖动到任意大小。

第二种方式是使用jQuery UI的resizable组件。使用这种方式的优点是可以让编辑器的整个下边框可以拖动，但由于编辑器和resizable组件难以完美结合，导致这种方法略微复杂，并且会导致编辑器的全屏功能无法正常使用。代码如下：

jQuery UI方式

var editor = new wangEditor("editor");

// 由于这种方式导致全屏功能异常，所以应该移除全屏按钮

ed