Feature: Add a twemojify button for our Linux users

[elamperti]

Emoji appears as squares for most of the characters. Can we discuss here how would be the best way to add a twemojify! button (or a similar feature)?
It would enable Linux users to use mojibrag too! (probably applies to users of old Windows versions as well)

[notwaldorf]

That's a Linux problem, not the app's fault, unfortunately (it just uses your native emoji font to render). However, Here's how to fix that!

[notwaldorf]

Actually, I'll reopen and rename this issue as a feature request, since a Twemojify button isn't a bad idea

[wongmjane]

I am using Chromium on a Linux distro with Noto Color Emoji and it works.

[anxolerd]

@wongmjane the same here, but there are a lot of guys who do not use Noto Color Emoji font and see that ugly squares.

[notwaldorf]

@anxolerd Yes, but that also means they don't see any emoji ever, on any web page, which sounds like a more generic problem than the fact it doesn't work in this app.

[anxolerd]

@notwaldorf: Is there any good way to insert html into Polymer template? And is there any way to escape html string outside the Polymer template? What I want to do is:

<template>{prepare(someData)}</template>
...
function prepare(data) {
    var escaped = escapeHtml(data);
    return wrapIntoHtml(escaped);
}

That might work pretty well with twemoji to display emoji on page.

[elamperti]

@anxolerd hey, I have the same problem trying to change the messages, we should solve it safely to avoid XSS.

I uploaded my progress in this branch, hope it helps you or someone else working on this too.

Other stuff related to this feature:

• Each emoji in the preview area has a <select> with emoji options (and -surprise!- it doesn't handle images well), so it should be changed to something better (maybe iron-dropdown?)
• Once we have twemoji added, there are many elements that should be parsed (page title, lang switcher, channel names, the feed, preview area). Instead of binding everything we may run it once for each element when twemoji loads.