JSFiddle - React, Tailwind, and code Playground

by WhetDawg

JavaScript

let defaultOptions = {
        modules: {
            toolbar: {
                container: 'xxx',
                handlers: {
                    //
                    //  LP 2022-06-14;
                    //  Warning in F12 Console: quill toolbar ignoring attaching to nonexistent format
                    //  Fixed: Add default Handlers for custom button, to register the button.
                    //      The Actual handler will be added in each js page
                    //
                    //'save': () => { _SaveButton(this); },
                    'omega': () => { 'xxx' }, // Dialog Zoom
                    'substitution': () => { 'xxx'; } 
                }
            },
            //imageDrop: true,          // Drag n drop    //  LP 2022-06-07; Not Working Properly. When insert the img, the img cannot drag to relocate, you have to delete and re-insert..
            imageResize: {              // Resize the image
                displaySize: true
            }
        },
        placeholder: 'Enter Content Here...',
        scrollingContainer: '#scrolling-container',     // ??????????????????????????? WHAT IS THIS
        theme: 'snow'
    };

let myOptions = {
        modules: {
            toolbar: {
                handlers: {
                    'lion': () => { 'xxx' } // Dialog Zoom
                }
            }
    	}
   };
   
var x = $.extend(true,{},defaultOptions,myOptions);

console.log(x);