Как правильно активировать модуль изменения размера изображения Quill? - PullRequest
Новая
       9

Как правильно активировать модуль изменения размера изображения Quill?

0 голосов
/ 28 мая 2019

Я пытаюсь заставить модуль изменения размера изображения работать в моем текстовом редакторе Quill, мне интересно, нужен ли для этого наличие node.js, и правильный ли мой синтаксис quill? Я не уверен, так как меня смущают инструкции по применению и есть ли у него зависимости.

HTML: 

    <div class="body">
        <div id="toolbar">
            <!-- custom toolbar: linking all buttons to Quill -->
        </div>
        <div class="scrolling-container">

        <div id="editor">

        </div>

JS: 

var Font = Quill.import('formats/font');
     import { ImageResize } from 'quill-image-resize-module';

    Font.whitelist = ['inconsolata', 'roboto', 'arial', 'caslon', 'roman', 'minion'];
    Quill.register(Font, true);
    Quill.register('modules/imageResize', ImageResize);

    var quill = new Quill('#editor', {
        modules: {
            toolbar: '#toolbar',
            ImageResize: {
                modules: [ 'Resize', 'DisplaySize', 'Toolbar' ]
            }

        },
        scrollingContainer: '#scrolling-container', 
        theme: 'snow',

    });

меток: 

<script src="/node_modules/quill-image-resize-module/image-resize.min.js"></script>

Так что в настоящее время этот код ломает мой редактор, когда я добавляю части о модуле изменения размера изображения. Я очень ценю четкое объяснение того, что мне нужно сделать, чтобы правильно использовать этот модуль! Спасибо:)

...