Is there an option to display shortnames in the emojioneArea?

[blkc]

As starter, thanks for the library! As above in the title, how can I display 😄 as :smile: inside the emojioneArea instead of it being an image?

[mervick]

use option
shortnames: true

[blkc]

Sorry, just a bit of clarification, but isn't that option just change it from unicode to shortname but both options still show the 😄 inside the contenteditable div such as your fiddle https://jsfiddle.net/1v03Lqnu/71/ ? I want it to actually write :smile: inside the contenteditable div after selecting the emoji because I want to get the caret position for something else.

[mervick]

when you write in https://jsfiddle.net/1v03Lqnu/71/ it will open dropdown menu with emojis in where you can select whatever you want

[mervick]

Sorry, i don't get you.

As starter, thanks for the library! As above in the title, how can I display 😄 as 😄 inside the emojioneArea instead of it being an image?

You can't do it now

[mervick]

But for what you need it?

[blkc]

so after selecting the emoji from the dropdown, I can't let the text leave as is?

[mervick]

not, you can't do it without changing the code of plugin

[blkc]

Can you point me to around where I need to change it?

[mervick]

if you need it just for saving, you can use option saveEmojisAs: 'shortname', so it will be replaced to shortname in source

[blkc]

I need to pop another dropdown containing some username for mentioning with @ and replace at the right location. Calculating caret position in contentEditable div with image tags is not as easy as I thought.

[mervick]

I am understanding you, but if you replace smileys with text it still be not some simple.
Emojionearea already use dropdown plugin, you can add some code to add your functionality

[blkc]

ok I see thanks for your suggestion.

[mervick]

there is a working example: https://jsfiddle.net/1v03Lqnu/426/
with changed lines (1046-1070), also remove code after line 1347

[blkc]

Oh perfect! Thanks a lot!

[mervick]

Better solution here #233 (comment)