奎尔不会工作

Question

我正在尝试运行Quill，但我无法弄清楚为什么它不起作用。它显示在我的textarea中，但它不会执行任何命令，如粗体文本或斜体文本。但我可以看到工具栏。

我把它添加到我的网站：

<link href="https://cdn.quilljs.com/1.0.0/quill.snow.css" rel="stylesheet">
<script src="//cdn.quilljs.com/1.3.5/quill.js"></script>

<script>
  var quill = new Quill('textarea', {
    modules: { toolbar: true },
    theme: 'snow'
  });
</script>

Answer 1

在div元素上初始化Quill。这有效

HTML

<div id="editor"></div>

JS

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

Working pen

Answer 2

您共享的代码未显示任何传递给创建的Quill元素的html元素。

你需要它，就像官方docs建议的那样：

<div id="toolbar">
  <button class="ql-bold">Bold</button>
  <button class="ql-italic">Italic</button>
</div>

<div id="editor">
  <p>Hello World!</p>
</div>

并且还需要在实例化Quill时引用它们的ID，如：

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

这是一个工作小提琴：

https://codepen.io/anon/pen/YeMQaQ