quill工具栏悬浮在顶部

quill编辑器工具栏浮动固定在页面顶部。

html:

<div class="quill-editor">
  <div id="editor-container"></div>
</div>

css:

.quill-editor{
    margin: 0 auto;
    width: 880px;
    min-height: 500px;
    margin-top: 100px;
  }
  .quill-editor .ql-editor{
    /*max-height: 400px;*/
  }
  .quill-editor .ql-toolbar.ql-snow,
  .quill-editor .ql-container.ql-snow{
    border: none;
  }
  .quill-editor .ql-toolbar{
    position: fixed;
    z-index: 100;
    background: #ccc;
    top: 0;
  }

js:

var quill = new Quill('#editor-container', {
    modules: {
      toolbar: toolbarOptions
    },
    theme: 'snow'
  });

或者使用quill爱好者贡献的quill-snow-sticky-toolbar插件。