как установить Quill. js в Angular

Question

Извините, мое понимание того, как работает упаковка Angular, ужасно! Я хочу использовать редактор WYSIWYG в моем приложении Angular6. Я обнулен до quill.js. https://quilljs.com/docs/quickstart/

Но я запутался, как я могу включить его в свой проект. Я добавил его в качестве зависимости в моем package.json.

  "dependencies": {
...
    "quill": "1.3.6"
  }

, а затем попытался использовать для следующего textarea

<textarea id="question-description" type="text" class="form-control" formControlName="questionDescription" [ngClass]="validateField('questionDescription')"  rows="4"></textarea>

и инициализировать Quill следующим образом в ngAfterViewInit

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

Но я получаю ошибку

ReferenceError: Quill is not defined
    at NewPracticeQuestionComponent.push../s

Я также добавил declare var Quill:any; вверху .ts файла компонента

I в node_modules видно, что есть папка quill, в которой есть dist/quill.js, где, как я полагаю, Quill объект должен быть определен и экспортирован (хотя я не проверял его).

Что я делать неправильно?

Answer 1

Попробуйте использовать оболочку ngx-quill .

Answer 2

Эта ссылка помогла (https://github.com/quilljs/quill/issues/777). Мне пришлось добавить следующие строки, однако я не очень хорошо понимаю, как это работает и что означают шаги

 import * as Quill from 'Quill';

let quill = new Quill('#editor');