How to have emoji in ionic app


#1

Hi guys,

In a current project i am working on, i am in need of using emoji icons in input box.
I have tried a lot of solutions available on the internet but have not been able to make it work.

I am trying to have something like what whatsapp has.

can anyone help me on this?

Thanks


#2

you could try to use a special styled div with the contenteditable attribute (i do not know if this is working on webview). http://html5demos.com/contenteditable

But it looks so: http://caniuse.com/#search=contenteditable

The user can type in text --> and you could add something like bb-codes like it is here :slightly_smiling: = :slightly_smiling:
so you can replace such codes with icons (regexps ftw^^)


#3

Hi bengtler,

Thanks for your response.
Could you provide a working sample if it is possible as i am very new into ionic. It would really help if you could provide a demo on codepen or somewhere else.

Thanks in advance.


#4

do you successfully manage to use emoji in your app? I’m also finding hard time to implement it. As I use this https://github.com/terranisu/angular-emoji-picker it doesn’t suits the design I want (like messenger).