Я пытаюсь использовать atwho js для @mention кого-то в поле ввода плюс эмодзи в одном поле ввода, но кажется, что оба не работают вместе, когда я удаляю эмодзи из поля ввода @mention работает нормально, но после присоединения плагина emoji @mention нене работает почему?вот мой код
<!DOCTYPE html>
<html lang="en">
<head>
<title>page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.css">
<script src="https://cdn.rawgit.com/mervick/emojionearea/master/dist/emojionearea.min.js"></script>
<script src="https://cdn.rawgit.com/ichord/At.js/801c87dc/dist/js/jquery.atwho.min.js"></script>
<script src="https://cdn.rawgit.com/ichord/Caret.js/master/dist/jquery.caret.min.js"></script>
<style type="text/css">
/*CSS for Atwho*/
</style>
<script type="text/javascript">
$(document).ready(function() {
var Usertags = {
at: "@",
data:['Hans', 'Peter', 'Tom', 'Anne']
};
$("#input-default").emojioneArea({
events: {
keydown: function (editor, event) {
if(event.which == 13){
event.preventDefault(); // < ---------- preventDefault
return sendMessage(getMessageText())
}
},
},
pickerPosition: "top",
filtersPosition: "bottom",
tones: true,
autocomplete: false,
inline: true,
hidePickerOnBlur: false,
search: false
}).atwho(Usertag);
// I have also tried following line
// $("#input-default").atwho(Usertag);
});
</script>
</head>
<input class="message_input" id="input-default" placeholder="Chat in general..." />
ссылка Githut для emojionearea
ссылка Github для Atwho js