Customize Quill Editor Autoform


#1

I’m using fauphi:autoform-quill.

how can I customize the Quill editor using autoform and materialize

I like to customize the toolbar and add bullet and ordered list for example.

how can I do that?

autoform: {
            afFieldInput: {
                type: 'quilleditor',
            }
        }

Thanks for your help :slight_smile:


#2

I Solved it by implementing mgauto:quilljs
So my code looks like
HTML:

                <div id="editor-container">
                {{> afQuickField name='desc.process'}}
                </div>

JS:

Template.NewExercise.onRendered(function () {
    $(document).ready(function () {
        var quill = new Quill('#editor-container', {
            modules: {
                toolbar: [
                    ['bold', 'italic'],
                    ['link', 'blockquote', 'code-block', 'image'],
                    [{list: 'ordered'}, {list: 'bullet'}]
                ],

            },
            placeholder: 'test',
            theme: 'snow'
        });
    });

});

But i get the error TypeError: ss.namedContext(...).validateOne is not a function
Because Autoform cant handle the content from the {{> afQuickField name='desc.process'}}

How can I solve this little Issue?