ОБНОВЛЕНИЕ: я отказался от корабля, когда понял, что у PrimeNg есть реализация quill, и я уже использую PrimeNg. Сначала не работало, но при обновлении до angular 7 и ngrx 7 beta исправлены проблемы. https://www.primefaces.org/primeng/#/editor
Я пытаюсь настроить текстовый редактор ngx-quill в своем проекте с более полной панелью инструментов, чем панель по умолчанию. Я просто копирую этот фрагмент кода из документации и не настраивал (пока!) .
У меня не возникает никаких ошибок браузера, если я не включаю атрибут modules, но мне интересно, есть ли у меня проблема с импортом, которая отображается только при попытке ее добавления?
инструкций.html
<quill-editor modules="editorOptions"></quill-editor>
инструкции.ts
import { Component, Input, Output, EventEmitter } from '@angular/core';
import * as Quill from 'quill';
@Component({
selector: 'instructions',
templateUrl: '../admin/instructions.html'
})
export class Instructions {
public editorOptions = {
toolbar: [
['bold', 'italic', 'underline', 'strike'], // toggled buttons
['blockquote', 'code-block'],
[{ 'header': 1 }, { 'header': 2 }], // custom button values
[{ 'list': 'ordered' }, { 'list': 'bullet' }],
[{ 'script': 'sub' }, { 'script': 'super' }], // superscript/subscript
[{ 'indent': '-1' }, { 'indent': '+1' }], // outdent/indent
[{ 'direction': 'rtl' }], // text direction
[{ 'size': ['small', false, 'large', 'huge'] }], // custom dropdown
[{ 'header': [1, 2, 3, 4, 5, 6, false] }],
[{ 'color': [] }, { 'background': [] }], // dropdown with defaults from theme
[{ 'font': [] }],
[{ 'align': [] }],
['clean'], // remove formatting button
['link', 'image', 'video'] // link and image, video
]
};