aurelia-quill-plugin-fork

aurelia-skeleton-plugin

Install

npm i quill aurelia-quill-plugin

Bundle (Aurelia-CLI - requirejs)

{
    "name": "quill",
    "path": "../node_modules/quill/dist",
    "main": "quill",
    "resources": [
        "quill.snow.css"
    ]
},
{
    "name": "aurelia-quill-plugin",
    "path": "../node_modules/aurelia-quill-plugin/dist/amd",
    "main": "index"
}

Register

aurelia.use.plugin('aurelia-quill-plugin');

for webpack:

import 'quill/dist/quill.snow.css';
 
aurelia.use.plugin(PLATFORM.moduleName('aurelia-quill-plugin'));

Usage

<require from="quill/quill.snow.css"></require>
 
<quill-editor value.bind="message"></quill-editor>

Options

For global options pass a quil config object when registering the plugin:

let options = {
    debug: 'info',
    modules: {
        toolbar: '#toolbar'
    },
    placeholder: 'Compose an epic...',
    readOnly: true
};
 
aurelia.use.plugin('aurelia-quill-plugin', options);

If you want per-instance options use the bindable options property:

<quill-editor value.bind="content"
        options.bind="{ placeholder: 'Compose an epic...' }">
</quill-editor>