Я пытаюсь запустить 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>
Инициализируйте Quill в элементе div. Это работает
HTML
<div id="editor"></div>
JS
var quill = new Quill('#editor', {
modules: { toolbar: true },
theme: 'snow'
});
Код, которым вы поделились, не показывает какой-либо элемент html, передаваемый в созданный элемент Quill.
Вам это нужно, как предлагает официальная документы:
<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, например:
var editor = new Quill('#editor', {
modules: { toolbar: '#toolbar' },
theme: 'snow'
});
Вот рабочая скрипка:
https://codepen.io/anon/pen/YeMQaQ
