如何添加emojioneArea(单机)选择值到文本字段?JQuery Rails 6.0.0 &g

Question

我正试图将表情符号值从独立的表情符号选择器添加到文本输入(与输入本身具有表情符号选择器相同的效果)。我尝试从emojibtn_click事件中获取值，但它返回的值未定义。我怎么能选择一个表情符号通过独立的emojipicker和传输值到文本输入字段与使用正常输入相同的结果?

new.html.erb

<div style="overflow: hidden;">
<%= form.text_field :content, placeholder: 'Type your message....', id: "conversation_comment_content_#{@conversation.id}", style: 'width: 100% !important; border-radius: 0 !important; height: 36px;' %>
</div>

javascript

<script>
$(document).ready(function() {
$('#trigger').emojioneArea({
standalone: true,
autocomplete: false,
events: {
emojibtn_click: function (button, event) {
console.log('event:emojibtn.click, emoji=' + button.children().data("name"))
},
change: function(editor, event) {
console.log('event:change');
}
}
})
});
</script>

Answer 1

我把emojioneArea组件变成了一个可重用的对象，然后捕获了它的值。

$(document).ready(function() {
var emojiStandAlone =  $('#trigger').emojioneArea({
standalone: true,
autocomplete: false,
events: {
}
})
const emojionearea = emojiStandAlone[0].emojioneArea
emojionearea.on('picker.hide', function() {
const emoji = emojionearea.getText()
emojionearea.setText('')
if(emoji) {
$("#conversation_comment_content_<%= @conversation.id %>").val(function(i, val) {
return val + `${emoji}`;
});
}
});
});