羽毛笔不工作

Question

我正在尝试运行 Quill，但我不明白为什么它不起作用。它显示在我的文本区域中，但不会执行任何命令，如粗体文本或斜体文本。但是我可以看到工具栏。

我将此添加到我的网站：

<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

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

你需要它，就像官方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'
});

这是一个工作 fiddle:

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

羽毛笔不工作

Quill wont work

html

css

quill