Skip to content

Usability

csf30816 edited this page Sep 18, 2017 · 5 revisions

You can use SVG Emoji2 now! You just need to make sure to use a stable release. You can find these in the /src/stable/ folder. So far the latest stable version supports 9 emoji's. They are not the best (EmojiOne might be better), but they come with a script that emojifies your whole page (EmojiOne does not have that). I think that they are better then SVG Emoji1 but if anyone does not agree they can post it in the issues.

Now to talk about how to use SVG Emoji2 Stable. Like the last SVG Emoji all you have to do is link to a JS Script. Unlike the old SVG Emoji, the new version does not require any jQuery (You only have to link to one file!). In the stable version you have to put the Script at the bottom of your HTML page. So here is the HTML code:

...
        <script src="https://rawgit.com/csf30816/SVG-Emoji2/master/src/stable/emojify.min.js"></script>
    </body>
</html>

But if you do not mind a couple bugs or glitches and want a better system try using this code at the bottom of your page:

...
        <script src="https://rawgit.com/csf30816/SVG-Emoji2/master/src/popup-test.js"></script>
    </body>
</html>

Remember: Put it at the bottom!

If you need any assistance just ask in the issues.

Emoji Codes

  1. Slightly Smiling Face
    :), :slight_smile:
  2. Smiling Face
    :smile:
  3. Grinning Face
    :grinning:, :D
  4. Slightly Frowning Face
    :frowning2:, :(
  5. Frowning with Open Mouth
    :frowning:
  6. Open Mouth
    :open_mouth:, :O
  7. No Mouth
    :no_mouth:
  8. Stuck out Tongue
    :stuck_out_tongue:, :P
  9. Neutral Face
    :neutral:, :|
  10. Angry Face
    :angry:
  11. Raging Face
    :raging:, :rage:
  12. Winking Face
    :wink:, ;)
Clone this wiki locally