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

Question

我使用quill富文本编辑器在html中生成富文本区域。但问题是，我无法使用quillsetText方法将任何文本设置为富文本。有人能告诉我我在这里做错了什么吗？为什么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('Hellon');
</script>

Answer 1

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

只需使用div，quill就可以在上面充当文本编辑器。

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

你可以在这里阅读更多关于它的内容，下面是它的内容。

注意通过提供自己的HTML元素，Quill可以搜索特定的输入元素，但与Quill无关的自己的输入仍然可以添加、设置样式并共存。

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

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

Answer 2

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