messages.sendMessage = function (roomId, inputEl) {
		var msg = inputEl.val();
		var mid = inputEl.attr('data-mid');

		if (!msg.trim().length) {
			return;
		}

                //For Quill
		try {
			let tmp_msg = JSON.parse(msg);
			if(tmp_msg.hasOwnProperty('ops') && (tmp_msg.ops.length === 1) && tmp_msg.ops[0].hasOwnProperty('insert') && (tmp_msg.ops[0].insert === '\n'))
				return;
		} catch(e) {
			//Regular string
		}

		toolTip('.composer[data-uuid="' + data.post_uuid + '"]');


function toolTip (composer_selector) {
		let tooltips = {
			'bold': 'Help I am BOLD',
                        //your icons - perhaps add translate here
		};

		let showTooltip = (el, isSpan) => {
			let tool = (isSpan ? el.className.replace('span', '') : el.className.replace('ql-', '')).replace(/\s+/g, '.');

			if (tooltips[tool]) {
				console.log('toolTip: ' + tooltips[tool]);
				if(isSpan)
					document.querySelector(composer_selector + ' .' + tool).setAttribute('title', tooltips[tool]);
				else
					document.querySelector(composer_selector + ' .ql-' + tool).setAttribute('title', tooltips[tool]);
			}
		};

		let toolbarElement = document.querySelector(composer_selector + ' .ql-toolbar');
		if (toolbarElement) {
			let matches = toolbarElement.querySelectorAll('button');
			for (let el of matches) {
				showTooltip(el, false);
			}
			toolbarElement.querySelectorAll(':scope > span').forEach(function(element) {
				matches = element.querySelectorAll(':scope > span');
				for (let el of matches) {
					showTooltip(el, true);
				}
			});
		}

		//Enable tooltip
		$(composer_selector + ' [data-toggle="tooltip"]').tooltip();
	}

});

var formattingDispatchTable = {
		picture: function () {
			var postContainer = this;
			postContainer.find('#pictures').click();
		},

		upload: function () {
			var postContainer = this;
			postContainer.find('#files').click();
		},

<form id="fileForm" method="post" enctype="multipart/form-data">
						<!--[if gte IE 9]><!-->
						<input type="file" id="files" name="files[]" multiple class="gte-ie9 hide"/>
						<input type="file" id="pictures" accept="image/*, video/*" name="files[]" multiple class="gte-ie9 hide"/>
						<!--<![endif]-->
						<!--[if lt IE 9]>
						<input type="file" id="files" name="files[]" class="lt-ie9 hide" value="Upload"/>
						<input type="file" id="pictures" accept="image/*, video/*" name="files[]" class="lt-ie9 hide" value="Upload"/>
						<![endif]-->
					</form>

// Restore text if contained in composerData
		if (data.composerData && data.composerData.body) {
			try {
				var unescaped = data.composerData.body.replace(/"/g, '"');
				quill.setContents(JSON.parse(unescaped), 'api');
			} catch (e) {
				quill.setContents({ ops: [{ insert: data.composerData.body.toString()}]}, 'api');
			}
		}

		// Automatic RTL support
		quill.format('direction', textDirection);
		quill.format('align', textDirection === 'rtl' ? 'right' : 'left');

SocketPosts.getRawPost = function (socket, pid, callback) {
        async.waterfall([
                function (next) {
                        privileges.posts.can('topics:read', pid, socket.uid, next);
                },
                function (canRead, next) {
                        if (!canRead) {
                                return next(new Error('[[error:no-privileges]]'));
                        }
                        //posts.getPostFields(pid, ['content', 'deleted'], next);
                        posts.getPostFields(pid, ['quillDelta', 'deleted'], next);
                },
                function (postData, next) {
                        if (postData.deleted) {
                                return next(new Error('[[error:no-post]]'));
                        }
                        //next(null, postData.content);
                        next(null, postData.quillDelta);
                },
        ], callback);
};

$(window).on('action:chat.loaded', function (e, containerEl) {
// Create div element for composer
//var targetEl = $('<div></div>').insertBefore(components.get('chat/input'));
var html =
'<div></div>' +
'<div class="btn-toolbar formatting-bar">' +
'<form id="fileForm" method="post" enctype="multipart/form-data">' +
'<input type="file" id="files" name="files[]" multiple="" class="gte-ie9 hide">' +
'</form>' +
'</div>';
var targetEl = $(html).insertBefore(components.get('chat/input'));

Sockets.push = function(socket, pid, callback) {
        var postData;
        async.waterfall([
                function (next) {
                        privileges.posts.can('topics:read', pid, socket.uid, next);
                },
                function (canRead, next) {
                        if (!canRead) {
                                return next(new Error('[[error:no-privileges]]'));
                        }
                        posts.getPostFields(pid, ['quillDelta', 'tid', 'uid', 'handle'], next);
                },
                function (_postData, next) {
                        postData = _postData;
                        if (!postData && !postData.quillDelta) {
                                return next(new Error('[[error:invalid-pid]]'));
                        }
                        async.parallel({
                                topic: function(next) {
                                        topics.getTopicDataByPid(pid, next);
                                },
                                tags: function(next) {
                                        topics.getTopicTags(postData.tid, next);
                                },
                                isMain: function(next) {
                                        posts.isMain(pid, next);
                                }
                        }, next);
                },
                function (results, next) {
                        if (!results.topic) {
                                return next(new Error('[[error:no-topic]]'));
                        }
                        plugins.fireHook('filter:composer.push', {
                                pid: pid,
                                uid: postData.uid,
                                handle: parseInt(meta.config.allowGuestHandles, 10) ? postData.handle : undefined,
                                body: postData.quillDelta,
                                title: results.topic.title,
                                thumb: results.topic.thumb,
                                tags: results.tags,
                                isMain: results.isMain
                        }, next);
                },
        ], callback);
};

quill.on('text-change', function () {
			if (isEmpty(quill)) {
				console.log('empty!!');
				//quill.deleteText(0, quill.getLength());
				//quill.setText('​');
				textareaEl.val('');
				return;
			}
			textareaEl.val(JSON.stringify(quill.getContents()));
			textareaEl.trigger('change');
		});

$(window).on('action:composer.insertIntoTextarea', function (evt, data) {
		var selection = data.context.getSelection(true);
		data.context.insertText(selection.index, data.value);
		data.preventDefault = true;
	});

// Restore text if contained in composerData
		if (data.composerData && data.composerData.body) {
			try {
				var unescaped = data.composerData.body.replace(/"/g, '"');
				let delta = JSON.parse(unescaped);
				//Remove blockquotes:
				delta.ops.push({
					insert: '\n',
					attributes: {
						direction: textDirection,
						align: textDirection === 'rtl' ? 'right' : 'left'
					}
				});
				quill.setContents(delta, 'api');
			} catch (e) {
				quill.setContents({ ops: [{
						insert: data.composerData.body.toString(),
						attributes: {
							direction: textDirection,
							align: textDirection === 'rtl' ? 'right' : 'left'
						}
					}]}, 'api');
			}
		} else {
			// Automatic RTL support
			quill.format('direction', textDirection);
			quill.format('align', textDirection === 'rtl' ? 'right' : 'left');
		}

plugin.handleRawPost = async (data) => {
	if (data.hasOwnProperty('pid'))
		data.content = await posts.getPostField(data.pid, 'quillDelta');
	else
		data.postData.content = await posts.getPostField(data.postData.pid, 'quillDelta');

	return data;
};

if(typeof toolbarHandlers['emoji-add-emoji'] === "undefined") {
			var timer = setTimeout(function () {
				toolbarHandlers = formatting.getDispatchTable();
				if (toolbarHandlers['emoji-add-emoji']) {
					var toolbar = quill.getModule('toolbar');
					var selection = quill.getSelection(true);
					toolbar.addHandler('emoji-add-emoji', function () {
						toolbarHandlers['emoji-add-emoji'].apply(quill, [textareaEl, selection.index, selection.index + selection.length]);
					});
					clearTimeout(timer);
				}
			}, 1000);
		}

$(window).on('action:composer.insertIntoTextarea', function (evt, data) {
		//var selection = data.context.getSelection(true);
		//data.context.insertText(selection.index, data.value);
		let quill = $(data.textarea).parent().find('.ql-container').data('quill');
		if(quill) {
			let range = quill.getSelection();
			//const text = `:${name}: `;
			const text = `${data.value} `;
			if (range) {
				if (range.length === 0) {
					//User cursor is at index
				} else {
					//User has highlighted text - deleting and replacing with emoji
					quill.deleteText(range.index, range.length);
				}
				//quill.insertText(range.index, text);
				quill.clipboard.dangerouslyPasteHTML(range.index, text);
                                //Focus quill:
				quill.setSelection(range.index + 1, 0);
			}
		}
		data.preventDefault = true;
	});