Package Exports

quill-placeholder-autocomplete-module

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (quill-placeholder-autocomplete-module) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

quill-placeholder-autocomplete

brings autocomplete to quill-placeholder-module

Install

using NPM:

npm install --save quill-placeholder-autocomplete-module quill-placeholder-module

using yarn:

yarn add quill-placeholder-autocomplete-module quill-placeholder-module

Usage

import getPlaceholderModule from 'quill-placeholder-module';
import getAutocompleteModule from 'quill-placeholder-autocomplete-module';

Quill.register('modules/placeholder', getPlaceholderModule(Quill,  { 
  className: 'ql-placeholder-content',  // default 
}));
Quill.register('modules/autocomplete', getAutocompleteModule(Quill));

const placeholders = [
  {id: 'foo', label: 'Foo'},
  {id: 'required', label: 'Required', required: true}
]

var quill = new Quill('#editor', {
  modules: {
    toolbar: {container: `#toolbar`},
    placeholder: {
      delimiters: ['{', '}'],               // default
      placeholders
    },
    autocomplete: {
      getPlaceholders: () => placeholders       // factory
      container: '#completions',               // can also be return of `document.querySelector` or keeped to `undefined`
      onOpen: () => console.log('opened'),    // optional
      onClose: (placeholder) => console.log('user choosed:', placeholder),  //optional
    }
  },
  placeholder: 'Compose an epic...',
  theme: 'snow'
});