CODEWITHSUNDEEP
javascriptjquerypluginsemoji
Hefm
Hefm

Reputation: 61

jquery-emoji-picker use multi textarea

i have multi textarea i would put emoji for any textarea have same id or class it`s not work with me and come for first one

http://codepen.io/hesham-farag/pen/PWGNxB 

    <textarea class="inputMessage " id="input-default" placeholder="emoji add" cols="30" rows="10"></textarea>

  <textarea class="inputMessage " id="input-default" placeholder="emoji add" cols="30" rows="10"></textarea>

trigger js 

 $(document).ready(function(e) {
      $('#input-default').emojiPicker();
});

Upvotes: 0

Views: 4837

Answers (2)

woody180
woody180

Reputation: 41

There is another emoji picker which can solve your problem. Just include js file and follow the settings. See github page - Emoji picker

new FgEmojiPicker({
   trigger: ['button', 'textarea'],
   position: ['bottom', 'right'],
   emit(obj, triggerElement) {
       const emoji = obj.emoji;
       document.querySelector('textarea').value += emoji;
   }
});

Upvotes: 2

Anonymous
Anonymous

Reputation: 1990

//use seperate Ids
<textarea class="inputMessage " id="input-default1" placeholder="emoji add" cols="30" rows="10"></textarea>

   <textarea class="inputMessage " id="input-default2" placeholder="emoji add" cols="30" rows="10"></textarea>
  </form> 


   $(document).ready(function(e) {
      $('#input-default1,#input-default2').emojiPicker();
});

Upvotes: 0

Related Questions