无法使用 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>

Quill 脚本：

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

</script>

Answer 1

检查您的浏览器控制台以确认 quill 脚本正常工作

Answer 2

根据 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>

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

Unable to set text using Quill.JS setText Textarea

javascript

jquery

quill