几周以来我一直在处理表情符号问题。我一直在尝试使用 socket.io 将表情符号添加到聊天中。 我尝试过 CSS emoji、Javascript emoji 等等。我尝试了不同的选择,但似乎没有任何效果。我有点绝望,因为尽管我尝试使用不同的选项,但我根本没有显示“表情符号”。
现在我正在使用这个存储库:https://github.com/wedgies/jquery-emoji-picker 我检查了自述文件,按照示例进行操作,但没有,再次不起作用。
这是我的 HTML 代码,第一个 CSS 是我用于 socket.io 的 CSS
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Chat</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" type="text/css" href="css/jquery.emojipicker.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/jquery.emojipicker.js"></script>
<!-- Emoji Data -->
<link rel="stylesheet" type="text/css" href="css/jquery.emojipicker.a.css">
<script type="text/javascript" src="js/jquery.emojipicker.a.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$('#text-custom-trigger').emojiPicker({
width: '300px',
height: '200px',
button: false
});
$('#input-default').emojiPicker();
$('#input-custom-size').emojiPicker({
width: '300px',
height: '200px'
});
$('#input-left-position').emojiPicker({
position: 'left'
});
$('#trigger').click(function(e) {
e.preventDefault();
$('#text-custom-trigger').emojiPicker('toggle');
});
});
</script>
<style type="text/css">
#emojiPickerWrap {margin:10px 0 0 0;}
.field { padding: 20px 0; }
textarea { width: 400px; height: 200px; }
</style>
</head>
<body>
<ul class="pages">
<li class="chat page">
<div class="chatArea">
<ul class="messages"></ul>
</div>
<input class="inputMessage" id="input-default" placeholder="¿Qué quieres decir?"/>
</li>
<li class="login page">
<div class="form">
<h3 class="title">Ingresa un nombre de usuario</h3>
<input class="usernameInput" type="text" maxlength="14" />
</div>
</li>
</ul>
<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="/main.js"></script>
</body>
</html>
我知道这很容易,但知道这一点更令人沮丧。 感谢您的帮助和建议。
致以诚挚的问候。
最佳答案
我没有您的开发环境中可能拥有的所有代码,但根据您提供的内容,我能够组合一个 JSFiddle,它似乎对我来说工作得很好。 JSFiddle
这段代码似乎很好地显示了表情符号按钮 - $('#input-default').emojiPicker();
关于javascript - Socket.IO + 表情符号,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31666040/