https://www.transtv.co.id/themes/v25.7/src/js/inputEmoji.js?r=1790243322

1(function ($) {
2	$.fn.emoji = function (params) {
3		var defaults = {
4			button: '<img src="https://www.transtv.co.id/themes/v25.7/src/assets/icon/emoticon.png">',
5			place: 'before',
6			emojis: ['&#x1F642;', '&#x1F641;', '&#x1f600;', '&#x1f601;', '&#x1f602;', '&#x1f603;', '&#x1f604;', '&#x1f605;', '&#x1f606;', '&#x1f607;', '&#x1f608;', '&#x1f609;', '&#x1f60a;', '&#x1f60b;', '&#x1f60c;', '&#x1f60d;', '&#x1f60e;', '&#x1f60f;', '&#x1f610;', '&#x1f611;', '&#x1f612;', '&#x1f613;', '&#x1f614;', '&#x1f615;', '&#x1f616;', '&#x1f617;', '&#x1f618;', '&#x1f619;', '&#x1f61a;', '&#x1f61b;', '&#x1f61c;', '&#x1f61d;', '&#x1f61e;', '&#x1f61f;', '&#x1f620;', '&#x1f621;', '&#x1f622;', '&#x1f623;', '&#x1f624;', '&#x1f625;', '&#x1f626;', '&#x1f627;', '&#x1f628;', '&#x1f629;', '&#x1f62a;', '&#x1f62b;', '&#x1f62c;', '&#x1f62d;', '&#x1f62e;', '&#x1f62f;', '&#x1f630;', '&#x1f631;', '&#x1f632;', '&#x1f633;', '&#x1f634;', '&#x1f635;', '&#x1f636;', '&#x1f637;', '&#x1f638;', '&#x1f639;', '&#x1f63a;', '&#x1f63b;', '&#x1f63c;', '&#x1f63d;', '&#x1f63e;', '&#x1f63f;', '&#x1f640;', '&#x1f643;', '&#x1f644;', '&#x1F44C;', '&#x1F44D;', '&#x1F44E;', '&#x1F648;', '&#x1F649;', '&#x1F64A;'],
7			fontSize: '',
8			listCSS: { position: 'relative', border: '1px solid #707070', 'background-color': '#FFF', display: 'none' },
9			rowSize: 10,
10		};
11		var settings = {};
12		if (!params) {
13			settings = defaults;
14		} else {
15			for (var n in defaults) {
16				settings[n] = params[n] ? params[n] : defaults[n];
17			}
18		}
19
20		this.each(function (n, input) {
21			var $input = $(input);
22
23			/*function showEmoji() {
24				$list.show();
25				$input.focus();
26				setTimeout(function () {
27					$(document).on('click', closeAllEmoji);
28				}, 1);
29			}*/
30
31			function showEmoji() {
32				$list.toggle();
33				/*$button.find('img').attr('src', 'src/images/icon/close.png');*/
34			}
35
36			function closeEmoji() {
37				/*$list.hide();*/
38				$(document).off('click', closeEmoji);
39			}
40
41			function clickEmoji(ev) {
42				if (input.selectionStart || input.selectionStart == '0') {
43					var startPos = input.selectionStart;
44					var endPos = input.selectionEnd;
45					input.value = input.value.substring(0, startPos)
46						+ ev.currentTarget.innerHTML
47						+ input.value.substring(endPos, input.value.length);
48				} else {
49					input.value += ev.currentTarget.innerHTML;
50
51				}
52
53				closeEmoji();
54				$input.focus();
55				input.selectionStart = startPos + 2;
56				input.selectionEnd = endPos + 2;
57			}
58
59			var $button = $('<div class="btn__emoji">').html(settings.button).css({ cursor: 'pointer', 'font-size': settings.fontSize }).on('click', showEmoji);
60			var $list = $('<div class="emoji">').css(defaults.listCSS).css(settings.listCSS);
61			for (var n in settings.emojis) {
62				if (n > 0 && n % settings.rowSize == 0) {
63					$("<br>").appendTo($list);
64				}
65				$("<div>").html(settings.emojis[n]).css({ cursor: 'pointer', 'font-size': settings.fontSize }).on('click', clickEmoji).appendTo($list);
66			}
67
68			if (settings.place === 'before') {
69				$button.insertBefore(this);
70			} else {
71				$button.insertAfter(this);
72			}
73			$list.insertAfter($input);
74		});
75		return this;
76	};
77}
78)(jQuery);