Tomoji, an extension to easily add graphics to a comment in steemit...

Tomoji is a chrome extension (this far) created specially for Steemians so they can easily add graphics to a comment in steemit.com.

This far they can have access to normal emojis, ascii emojis and stickers. All the content is creative commons and open source.

By installing the extension you can add any of the graphics to a comment with just one click as shown below:

You can switch between 3 styles, normal, ascii and stickers:

The extension was made following Chrome's specs to be made. The main code is at tomoji.js

This lines of code add the Tomoji icon at the end of the post:

$('.PostFull__reply').append(
  '+ extIcon +'">'
);

There are 2 functions to add the emojis to the textarea, this is an example:

$('.PostFull').on('click', '.tomoji', function() {
    // Do something on an existent or future .dynamicElement

    var $txt = jQuery(".ReplyEditor__body textarea");
    var caretPos = $txt[0].selectionStart;
    var textAreaTxt = $txt.val();
    var thetomoji = $(this).html();

    $txt.val(textAreaTxt.substring(0, caretPos) + thetomoji + textAreaTxt.substring(caretPos) );
});

This was created having in mind that many Steemians have to create/fav a post to get to normal emojis, other create doc files with their favorites and finally, simply there are not stickers for STEEM. This extension solves those 3 issues.

How to use

Method 1

You can install the extension via Chrome store here:
Install Tomoji.

Method 2

You can download the files from the github repository: https://github.com/wearecodexx/tomoji

Then go to your Chrome browser and click on the 3 dots in the upper right corner and select More tools/Extensions.

Then click on developer mode and load unpacked extension.

Browse your files to find the extension folder and click ACCEPT.

Roadmap

Add the emojis and stickers to a post.
Add separators.
Ability to search emojis.
Add an area to a predefined by user text/message for easier access.
Make the pannel draggable.
Make it available for firefox and safari.
Make it available for busy.org and utopian.io

How to contribute

For further and detailed information on how to contribute, please contact Hive account@wearecodex' members in our discord server: https://discord.gg/VC3WkqY

Merged pull request

All the files for the extension to work. #1.

_{Note for mod: The pull requests selector didn't appear, no idea why, I just did this pull request today and was merged today as well. Also all was added in a sinlge pull request because this is a new project.}

Posted on Utopian.io - Rewarding Open Source Contributors

Tomoji, an extension to easily add graphics to a comment in steemit.com