Question

我正试图在我的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>

因此，当我添加有关图像缩放器模块的部件时，此代码当前破坏了我的编辑器。非常感谢您对我为正确使用此模块所需要做的清楚解释！谢谢：）

如何正确激活羽毛笔图像缩放器模块？

0 个答案: