Make Quill Options configurable

[philippguertler]

Currently the quill options are hardcoded here:

mesh-ui/src/app/form-generator/components/html-field/html-field.component.ts

Lines 32 to 58 in ab6a0b6

	const toolbarOptions = [
	[{ header: [1, 2, 3, 4, 5, 6, false] }],
	['bold', 'italic', 'underline'],
	[{ list: 'ordered' }, { list: 'bullet' }],
	[{ script: 'sub' }, { script: 'super' }],
	[{ align: [] }],
	['link', 'mesh-link'],
	tableOptions(),
	['clean']
	];
	function tableOptions(): any[] {
	const maxRows = 10;
	const maxCols = 5;
	const tableOptions = [];
	for (let r = 1; r <= maxRows; r++) {
	for (let c = 1; c <= maxCols; c++) {
	tableOptions.push('newtable_' + r + '_' + c);
	}
	}
	return [{ table: tableOptions }, { table: 'append-row' }, { table: 'append-col' }];
	}

It would be nice to make it configurable in the mesh-ui-config.js

[deckdom]

Would be great if it's possible to define these settings based on the node/micronode which has the HTML field set.
An plain object or a function similar to the previewUrls would be nice:

{
  formattingOptions: [
    [{ header: [1, 2, 3, 4, 5, 6, false] }],
    ['bold', 'italic', 'underline'], 
  
     [{ list: 'ordered' }, { list: 'bullet' }], 
     [{ script: 'sub' }, { script: 'super' }], 
  ],
}

{
  formattingOptions: function(node, microNode) {
    var options = [];
    switch (node.schema.name) {
      case 'category':
        options.push(['bold', 'italic', 'underline']);
        break;
    }
    switch (microNode.schema.name) {
      case 'text':
        options.push([{ list: 'ordered' }, { list: 'bullet' }], [{ script: 'sub' }, { script: 'super' }]);
        break;
    }
    return options;
  },
}

The check can then simply be done with the type of it: typeof config.formattingOptions === 'function'