Moved emoji preview to span, added styles to display it correctly.

ckeditor · Dec 18, 2018 · 0edcfe7 · 0edcfe7
1 parent 6c6c1d3
commit 0edcfe7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/plugins/emoji/plugin.js b/plugins/emoji/plugin.js
@@ -597,7 +597,7 @@
 					editor._.emoji.autocomplete = new CKEDITOR.plugins.autocomplete( editor, {
 						textTestCallback: getTextTestCallback(),
 						dataCallback: dataCallback,
-						itemTemplate: '<li data-id="{id}" class="cke_emoji-suggestion_item">{symbol} {name}</li>',
+						itemTemplate: '<li data-id="{id}" class="cke_emoji-suggestion_item"><span>{symbol}</span> {name}</li>',
 						outputTemplate: '{symbol}'
 					} );
 				}

diff --git a/plugins/emoji/skins/default.css b/plugins/emoji/skins/default.css
@@ -10,6 +10,10 @@
 	font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 }
 
+.cke_emoji-suggestion_item span {
+	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
 .cke_emoji-panel {
 	width: 310px;
 	height: 300px;