Quill：如何防止工具栏滚动并设置高度？

Question

我正在尝试遵循https://quilljs.com/playground/#autogrow-height 上的示例，但在设置编辑器框的高度和防止工具栏滚动到屏幕外时遇到问题。

我的代码是：

<div id="editorcontainer" style="height:10em; min-height:100%; overflow-y:auto;">
   <div id="editor" name="editor" style="min-height:100%; height:auto;"></div>
</div>

<script>
  var quill = new Quill("#editor",{
     modules: {
       toolbar: [ ... ]
         },
         scrollingContainer: "#editorcontainer",
         theme: "snow"
     });
</script>

JS 小提琴可在https://jsfiddle.net/OldGeezer/xpvt214o/556844/ 获得

输出如下所示：

有两个问题：

1. 工具栏不是固定的而是滚动的。
2. 垂直滚动条始终有一个可滚动区域，即使编辑器为空。

我该如何解决这两个问题？

Answer 1

我不得不修改 quill 的两个类才能得到我想要的。像这样

.ql-container.ql-snow {
    height: auto;
}
.ql-editor {
    height: 150px;
    overflow-y: scroll;
}