npm i quill aurelia-quill-plugin
{
"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"
}
aurelia.use.plugin('aurelia-quill-plugin');
for webpack:
import 'quill/dist/quill.snow.css';
aurelia.use.plugin(PLATFORM.moduleName('aurelia-quill-plugin'));
<require from="quill/quill.snow.css"></require>
<quill-editor value.bind="message"></quill-editor>
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>