Возникли проблемы с продолжением Quill

Question

У меня проблемы с расширением Quill.

Я хочу изменить List и ListItem классы в Quill, поэтому я попытался скопировать formats/list.js в мой код базы в качестве отправной точки. Затем я импортировать свою локальную копию и зарегистрировать его Quill как так ...

import { List, ListItem } from './quill/list'; 

Quill.register({ 
    'formats/list': List, 
    'formats/list/item': ListItem 
}, true); 

Однако, когда я пытаюсь создать список в редакторе кода происходит сбой в классе List со следующей ошибкой:

ParchmentError {message: "[Parchment] Unable to create list-item blot", name: "ParchmentError"} 

Это происходит на этой линии ... https://github.com/quilljs/quill/blob/develop/formats/list.js#L99

Я предполагаю, что это имеет отношение к импорту я вынужден был изменить, но я не могу понять, что случилось. Я не внес никаких изменений в list.js. Исходный файл имеет следующее: -

import Block from '../blots/block'; 
import Container from '../blots/container'; 

Что я изменил к этому: -

import Quill from 'quill'; 
let Block = Quill.import('blots/block'); 
let Container = Quill.import('blots/container'); 

ли способ, которым я ввожу неправильно? Что вызывает ошибку?

Answer 1

Выяснил это (хорошо, коллега сделал).

мне нужно импортировать Пергамент, как так: -

let Parchment = Quill.import('parchment'); 

вместо import Parchment from 'parchment';

Это потому, что вы в конечном итоге с другой статический класс Пергамент к используемому внутренне Quill, так попросив Quill для его примера, вы оба работаете с одним и тем же (т. е. тем, где были зарегистрированы пятна).

Answer 2

Я столкнулся с этой проблемой пару часов назад.

В исходном коде Quill List является экспорт по умолчанию, а ListItem - это именованный экспорт.

Так что ваш импорт должен выглядеть следующим образом:

import List, { ListItem } from './quill/list'; 

Обязательно экспортировать их соответствующим образом на вашем пользовательском файле list.js.

Удачи вам!