How to customize emoticon

[ghost]

Hello,

Thank you for your great plugin. I have been browsing around to find out a way to customize it.

I see a fonts folder, and then images, and ng-embed.css. I am a little lost here... dont know where to start with. My guess here is that I need to figure out how to generate my custom images and corresponding ng-embed.css, not again..how.

Regards

[ritz078]

Hi @phuyem , What do you exactly want to configure ?

[ghost]

Well, like changing the smilies to kitties , or to ...pokemons for example ... I see that you support both font-based and image-based. For font based, a slight change of code and some basic knowledge character-code would do the job but for image-based... I gave up.

I am trying angular-smilies and they allow devs to easily customize icons. Just create the images,name them, add to config file then build with grunt

[ritz078]

Hi @phuyem , Got your point. That is a great idea that i will like to include in the next version.

[ghost]

Cool. Again. Thanks for your great plugin!

[seiyria]

Is this possible? I'd like to make use of angular-emoji-filter with ng-embed but they just seem to step on each other.

[robman87]

@seiyria have you tried setting fontSmiley and emoji options to false? Applying the filters in different order also affects the output. Recommend to apply ng-embed first <div ng-bind-html="variable | embed:{fontSmiley:false, emoji:false} | emoji"></div> or set sanitizeHtml option to false in case you want ng-embed to handle some smilies or emoticons instead of emoji. <div ng-bind-html="variable | emoji | embed:{sanitizeHtml:false}"></div> Not sure it works though, angular-sanitise might remove some html generated by emoji.

[seiyria]

I didn't know those were valid options but unfortunately I'm not working on that project anymote so I can't validate if it would work.