html - 羽毛笔不工作

标签 html css quill

我正在尝试运行 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>

最佳答案

在 div 元素上初始化 Quill。这行得通

HTML

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

JS

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

Working pen

关于html - 羽毛笔不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49082698/

相关文章:

c# - 向用户显示成功消息

javascript - 没有按钮自动调用javascript函数

javascript - 如何获取将数据提供给 div 的样式的值? [MyShop电子商务]

html - 通过 css 选择用图像填充 div

html - 如何让浏览器在缩小窗口时从 srcset 中选择较小的图片?

javascript - 使用 Quill.js 在光标位置插入文本

javascript - 通过 JS (quilljs) 注入(inject)的 HTML 元素与 flexbox 冲突

html - 输入值与标签值不一致

javascript - Onclick 事件在任何浏览器中都不起作用

javascript - 如何在 Quill(富文本编辑器)中检测和 trim 前导/尾随空格?