frappe-quill-image-resize/demo/script.js

A module for Quill rich text editor to allow images to be resized.

var quill = new Quill('#editor', {
	theme: 'snow',
	modules: {
		toolbar: [
			['bold', 'italic', 'underline', 'strike',
				{
					'script': 'sub',
				}, {
					'script': 'super',
				},
				{
					'color': [],
				}, {
					'background': [],
				}, 'code',
			],
			[{
				'font': [],
			}, {
				'size': ['small', false, 'large', 'huge'],
			}],

			['link', 'image', 'video', 'formula'],
			['blockquote', 'code-block', {
				'header': 1,
			},
				{
					'list': 'ordered',
				}, {
					'list': 'bullet',
				},
			],
			[{
				'indent': '-1',
			}, {
				'indent': '+1',
			}, {
				'direction': 'rtl',
			}, {
				'align': [],
			}],
			['clean'],
		],
		imageResize: {},
	},
});

function convert() {
	const delta = quill.getContents();
	console.log(toHtml(delta));
	// return toHtml(delta);
}

function toHtml(delta){
	const tempCont = document.createElement('div');
    (new Quill(tempCont)).setContents(delta);
    return tempCont.getElementsByClassName('ql-editor')[0].innerHTML;
}

// console.log(convert());