一页有两个 Emojione 区域答案

【问题标题】：Two Emojione area in one page一页有两个 Emojione 区域
【发布时间】：2016-10-20 19:32:11
【问题描述】：

我有一个大问题，因为我想在一页（在 textarea 中）设置两个不同的 emojioneare，但我无法更改此 emojionearea 的高度。

HTML

<textarea id="Emoji" ></textarea>
<textarea id="Emoji1"></textarea>

$(document).ready(function() {
  $("#Emoji").emojioneArea({});
});

$(document).ready(function() {
  $("#Emoji1").emojioneArea();
  $('.emojionearea').css({height:'500px'})
});

问题是 jq 中的 css() 不起作用

感谢您的帮助和时间`

【问题讨论】：

你能创建一个jsfiddle.net吗？

标签： jquery css emoji emojione

【解决方案1】：

您必须将textarea 放入容器中，然后在.emojionearea-editor 元素上设置样式。

HTML

<div id="container1">
  <textarea id="Emoji1"> 3em height</textarea>
</div>
<br>
<br>
<div id="container2">
  <textarea id="Emoji2"> 9em height</textarea>
</div>

CSS

#container1 .emojionearea-editor {
  min-height: 3em !important;
}

#container2 .emojionearea-editor {
  min-height: 9em !important;
}

$(document).ready(function() {
  $("#Emoji1").emojioneArea({
    pickerPosition: "bottom",
    tonesStyle: "bullet",
  });
  $("#Emoji2").emojioneArea({
    pickerPosition: "bottom",
    tonesStyle: "bullet",
  });
});

工作示例https://jsfiddle.net/dorjv2ej/

【讨论】：

【解决方案2】：

如何在每篇文章中使用添加动态id在php中使用。

请检查以下代码。

$(document).ready(function() {
       var gid= $('.dp_comment').data("comment-id");

    $("#comment_"+gid+"").emojioneArea({});
  });

【讨论】：