javascript - 无法使用 Quill.JS setText Textarea 设置文本

Question

我正在使用quill rich text editor在 html 中生成富文本文本区域。但问题是我无法使用 quill setText 方法将任何文本设置为富文本。任何人都可以建议我我在这里做错了什么？为什么setText不起作用？

HTML:

   <link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
    <script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
    <div class="form-group">
      <label for="Description">Article:</label>
      <textarea class="form-control" id="Article" rows="6"></textarea>
   </div>

羽毛笔脚本:

<script>
var quill = new Quill('#Article', {
    theme: 'snow',
    
});
quill.setText('Hello\n');

</script>

Answer 1

根据 Quill 的官方文档，您不需要使用 textArea HTML 元素。

只需使用 div，quill 将作为文本编辑器使用。

当 textarea 与 Quill 一起使用时，它与 HTML 默认行为和 quill 发生冲突。

您可以阅读更多相关信息here这就是它所说的。

Note by supplying your own HTML element, Quill searches for particular input elements, but your own inputs that have nothing to do with Quill can still be added and styled and coexist.

var quill = new Quill('#Article', {
  theme: 'snow'
});

quill.setText('Hello World\n');

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<div class="form-group">
  <label for="Description">Article:</label>
  <div class="form-control" id="Article" rows="6"></div>
</div>