Textual content Emoticon Outlook and OWA Compose App

Textual content Emoticon Outlook and OWA Compose App Emojis and emoticons have been round for fairly some time however are selecting up a little bit of steam of late with the discharge of Home windows 10. The Day by day mail had a very good article on their use just lately which is value a learn.

Like all the things these new emoji’s have there origins story and textual content primarily based emoticons (which have many different names) are type of a fascinating sub department with a barely retro really feel.

On this submit I will present you how one can create a Mail App to make utilizing textual content emoticon’s straightforward in Change 2013 and Workplace365 utilizing the brand new compose apps function which was launched final 12 months at MEC.

Compose apps are a method of simply extending the Person interface in OWA and Outlook 2013 (and 2016). So for this instance I can do one thing like the next to make these textual content emoticons straightforward to insert into both the Topic or Physique of a message (you must energetic the app by deciding on the Addin Button in OWA or Apps for Workplace in Outlook)

At this level it needs to be famous the Unicode help in E-mail topics is a relative new factor the RFC got here out in 1996 full Unicode help in Outlook did not actually occur till 2003. So in case your sending to somebody nonetheless rocking previous variations be warned really due to the distinction within the implementation of character units and accessible between totally different platforms home windows/android/ios and so forth a few of these textual content base emoticons could solely show appropriately on some platforms/browsers/mail shoppers. However you possibly can then have hours of enjoyable filling you mailbox with this kind of stuff

Mail Apps are comparatively easy to implement and it is a fairly straight ahead instance the very first thing you will have is the Manifest file the place all of the configuration data is held for this Mail App. Eg in my app among the vital relative data is

<Type xsi:kind="ItemEdit">
<SourceLocation DefaultValue=
"" />
<SourceLocation DefaultValue=
"" />
<SourceLocation DefaultValue=
"" />

This tells us the place the Mail App is being hosted is my case simply in my GitHub Repo to study extra concerning the different manifest setting have a learn of this. The Mail App itself is only a fairly easy html and javascript app that creates a desk and reads within the textual content emoticons and controls the formatting and takes care of the backend operations by hooking into the JavaScript Api for workplace.

Within the script.js for this app when you choose the Topic object and click on a textual content emoticon to insert your chosen Icon it’s going to append this to the present topic (there is no such thing as a method to do a positional insert primarily based on the present place of the cursor within the topic. For the physique you possibly can insert the Icon on the present cursor location utilizing the strategy from

I’ve posted the code for this up into my GitHub repo at  if you wish to check it you possibly can set up the app from the manifest at . Though I would advocate you clone it your self after which you possibly can change the textual content emoticons within the script.js file to no matter you want. In case you do clone the repository you must change the (the supply location settings proven above) settings within the Manifest file to make sure its pointing on the information your internet hosting or you’ll by no means see your modifications take have an effect on.