ahkohd / ngx-emoj Goto Github PK

Hi thanks for the amazing plugin, i want to add this to my angular apps which installed on my wordpress. but the ui look like this

the icon looks so small, but if i dont use it on wordpress it works fine, how to change that using css?

Hi there,

It appears that some emoji are missing on some devices.

On your picker repo you implemented a fallback pipe, which might be able to fill the gap, though the detector fails to detect properly missing emojis.

Would that be possible to add the same fallback pipe on this repo?

As you stated, the picker repo is in maintenance mode, and at it's state is not suitable Ionic production apps for slow render reasons.
Just my 2 cents but I think this repo would be enough for both usecases; mobile & desktop apps, if it can handle somewhat old mobile devices and the fallback is then a main concern.

I suggest to use if-emoji lib or their implementation for the detector.

Currently, I use this simple pipe on my project for the fallback and it works with no false positive so far

import { Pipe, PipeTransform } from '@angular/core';
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
import ifEmoji from 'if-emoji'
import twemoji from 'twemoji';

@Pipe({
  name: 'emojiFallback'
})
export class EmojiFallbackPipe implements PipeTransform {

  constructor(private domSanitizer: DomSanitizer) { }

  transform(emoji: string): string | SafeHtml {
    return ifEmoji(emoji) ? emoji : this.domSanitizer.bypassSecurityTrustHtml(twemoji.parse(emoji.trim()));
  }
}

If you need some help or a PR, please let me know.

if we are pressing the center of emoji header it doesn't changed