{"id":4629,"date":"2017-05-15T22:49:22","date_gmt":"2017-05-15T20:49:22","guid":{"rendered":"http:\/\/michlstechblog.info\/blog\/?p=4629"},"modified":"2021-12-06T13:38:11","modified_gmt":"2021-12-06T12:38:11","slug":"mail-emoji-and-symbols-in-mail-subject-line","status":"publish","type":"post","link":"https:\/\/michlstechblog.info\/blog\/mail-emoji-and-symbols-in-mail-subject-line\/","title":{"rendered":"Mail: Generator for mail subject line with Emoji, Pictographs  and Symbols"},"content":{"rendered":"<div class=\"twoclick_social_bookmarks_post_4629 social_share_privacy clearfix 1.6.4 locale-en_US sprite-en_US\"><\/div><div class=\"twoclick-js\"><script type=\"text\/javascript\">\/* <![CDATA[ *\/\njQuery(document).ready(function($){if($('.twoclick_social_bookmarks_post_4629')){$('.twoclick_social_bookmarks_post_4629').socialSharePrivacy({\"services\":{\"flattr\":{\"uid\":\"Michl\",\"status\":\"on\",\"the_title\":\"Mail%3A%20Generator%20for%20mail%20subject%20line%20with%20Emoji%2C%20Pictographs%20%20and%20Symbols\",\"the_excerpt\":\"Hi%2C%0D%0A%0D%0Ato%20show%20emoji%2CPictographs%20%20or%20symbols%20in%20email%20subject%20line%20this%20line%20must%20be%20UTF8%20encoded.%0D%0A%0D%0AFor%20example%20a%20heart.%20A%20heart%20has%20the%20Unicode%20Heart%20Unicode%20UTF8%28Hex%29%20Code%200xE2%200x99%200xA5.%20%0D%0A%20%28more%26hellip%3B%29\",\"txt_info\":\"2 clicks for more data protection:\\r\\n\\r\\nOnly when you click here, the button will be come active and you can send your recommendation to Flattr. When activating, data are transmitted to third parties. \",\"perma_option\":\"off\"}},\"txt_help\":\"When you activate these fields by clicking, information to Flattr may be transferred abroad, and probably may also stored there.\",\"settings_perma\":\"Enable permanently and accept data transmission. \",\"info_link\":\"http:\\\/\\\/www.heise.de\\\/ct\\\/artikel\\\/2-Klicks-fuer-mehr-Datenschutz-1333879.html\",\"uri\":\"https:\\\/\\\/michlstechblog.info\\\/blog\\\/mail-emoji-and-symbols-in-mail-subject-line\\\/\",\"post_id\":4629,\"post_title_referrer_track\":\"Mail%3A+Generator+for+mail+subject+line+with+Emoji%2C+Pictographs++and+Symbols\",\"display_infobox\":\"on\"});}});\n\/* ]]> *\/<\/script><\/div><p>Hi,<\/p>\n<p>to show emoji,Pictographs  or symbols in email subject line this line must be UTF8 encoded.<\/p>\n<p>For example a heart. A heart has the <a href=\"http:\/\/www.fileformat.info\/info\/unicode\/char\/2665\/index.htm\" target=\"_blank\" rel=\"noopener\">Unicode Heart<\/a> Unicode UTF8(Hex) Code 0xE2 0x99 0xA5.<br \/>\n<!--more--><br \/>\nThe skeleton for a UTF8 subject line is<br \/>\n<code><br \/>\n=?utf-8?Q? Your Subject Content ?=<br \/>\n<\/code><\/p>\n<p>So insert your subject between the last two questionmarks. At the postition of the emoji insert the UTF8 hex code, replace &#8220;0x&#8221; with &#8220;=&#8221; and remove space between the 3 Hex parts:<br \/>\n<code><br \/>\n=?utf-8?Q?With love =E2=99=A5?=<br \/>\n<\/code><\/p>\n<p>I have written a simple Subject line generator. Insert the HTML Code &amp;#x1f496; or Unicode Code Position U+1F496 into the &#8220;Emoji HTML-or Unicode&#8221; Field:<\/p>\n<style>\n<!--\n.divcalc\n{\n\tmargin:1px;\n}\n.divinput\n{\n\tbackground-color: #cccccc;\n}\n.divinputlabel\n{\n\tbackground-color: #efefef;\n\twidth:500px;\n\theight:25px;\n}\n.divoutputlabel\n{\n\tbackground-color: #efefef;\n\tvertical-align: middle;\n\twidth:500px;\n\theight:25px;\n}\n.divoutputcontent\n{\n\tbackground-color: #e5e5e5;\n\tvertical-align: middle;\n        height:23px;\n        width:200px;\n        text-align:right;\n}\n.divoutputchar\n{\n\tfont-size:280%;\n\tvertical-align: middle;\n        height:45px;\n}\n.divchar\n{\n\theight:40px;\n}\n.divblock\n{\n\tbackground-color: #aaaaaa;\n\twidth:502px;\n\tpadding:1px;\n}\n.divsubjectout\n{\n        background-color: #f0f2e4;\n        width:600px;\n}\n.divsubjectline\n{\n        margin-top:4px;\n        font-weight: bold;\n}\n.classinput \n{\n\tbackground-color: #fefefe;\n        width:195px;\n        padding: 1px;\n        -webkit-appearance: none; \n        -moz-appearance: none; \n        border: 2px solid #eee; \/* Here *\/\n}\n.tb_input \n{\n   background-color: #aaaaaa;\n}\n.tb_row \n{\n   background-color: #f0f2e4;\n}\n.input_text_td\n{\n   text-align:right;\n}\n-->\n<\/style>\n<p><!-- \n\n<div class=\"divblock\">\n\n\n<div style=\"float:clear;\" class=\"divcalc divinputlabel\">Emoji HTML-or Unicode:\n\n<div style=\"float:right;\" class=\"divcalc divinput\"><input class=\"classinput\" id=\"inputtext\" name=\"inputtext\" type = \"text\" onkeyup =\"fTextBoxChanged()\" value=\"&amp;#x1f496;\"  maxlength=\"12\"><\/div>\n\n<\/div>\n\n\n\n\n<div style=\"float:clear;\" class=\"divcalc divinputlabel\">Subject Text:\n\n<div style=\"float:right;\" class=\"divcalc divinput\"><input class=\"classinput\"  id=\"subjectin\" name=\"subjectin\" type = \"text\" onkeyup =\"fTextBoxChanged()\" value=\"Your Subject text\"><\/div>\n\n<\/div>\n\n\n\n\n<div style=\"float:clear;\" class=\"divcalc divoutputlabel divchar\">UTF8 Character:\n\n<div style=\"float:right;\" id=\"utf8char\" class=\"divcalc divoutputcontent divoutputchar\">---<\/div>\n\n<\/div>\n\n\n\n\n<div style=\"float:clear;\" class=\"divcalc divoutputlabel\">UTF8 Hex Code:\n\n<div style=\"float:right;\" id=\"utf8hex\" class=\"divcalc divoutputcontent\">---<\/div>\n\n<\/div>\n\n\n\n\n<div style=\"float:clear;\" class=\"divcalc divoutputlabel\">UTF8 Subject Code:\n\n<div style=\"float:right;\" id=\"utf8subjectcode\" class=\"divcalc divoutputcontent\">---<\/div>\n\n<\/div>\n\n\n\n\n<div style=\"float:clear;\" class=\"divcalc divoutputlabel\">Subject Preview:\n\n<div style=\"float:right;\" id=\"subjectpreview\" class=\"divcalc divoutputcontent\">---<\/div>\n\n<\/div>\n\n\n\n\n<div style=\"float:clear;\" class=\"divcalc divoutputlabel divsubjectline\">Subject:\n\n<div style=\"float:right;\" id=\"subjectout\" class=\"divcalc divoutputcontent divsubjectout\">---<\/div>\n\n<\/div>\n\n\n<\/div>\n\n--><\/p>\n<table class=\"tb_input\">\n<tbody>\n<tr class=\"tb_row\">\n<td>Emoji HTML-or Unicode:<\/td>\n<td class=\"input_text_td\"><input class=\"classinput\" id=\"inputtext\" name=\"inputtext\" type = \"text\" onkeyup =\"fTextBoxChanged()\" value=\"&amp;#x1f496;\"  maxlength=\"12\"><\/td>\n<\/tr>\n<tr class=\"tb_row\">\n<td>Subject Text:<\/td>\n<td class=\"input_text_td\"><input class=\"classinput\"  id=\"subjectin\" name=\"subjectin\" type = \"text\" onkeyup =\"fTextBoxChanged()\" value=\"Your Subject text\"><\/td>\n<\/tr>\n<tr class=\"tb_row\">\n<td>UTF8 Character:<\/td>\n<td>\n<div style=\"float:right;\" id=\"utf8char\" class=\"divcalc divoutputcontent divoutputchar divsubjectout\">&#8212;<\/div>\n<\/td>\n<\/tr>\n<tr class=\"tb_row\">\n<td>UTF8 Hex Code:<\/td>\n<td>\n<div style=\"float:right;\" id=\"utf8hex\" class=\"divcalc divoutputcontent divsubjectout\">&#8212;<\/div>\n<\/div>\n<tr class=\"tb_row\">\n<td>UTF8 Subject Code:<\/td>\n<td>\n<div style=\"float:right;\" id=\"utf8subjectcode\" class=\"divcalc divoutputcontent divsubjectout\">&#8212;<\/div>\n<\/td>\n<\/tr>\n<tr class=\"tb_row\">\n<td>Subject Preview:<\/td>\n<td>\n<div style=\"float:right;\" id=\"subjectpreview\" class=\"divcalc divoutputcontent divsubjectout\">&#8212;<\/div>\n<\/td>\n<\/tr>\n<tr class=\"tb_row\">\n<td>Subject:<\/td>\n<td>\n<div style=\"float:right;\" id=\"subjectout\" class=\"divcalc divoutputcontent divsubjectout\">&#8212;<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><script  language=\"javascript\" type=\"text\/javascript\">\n<!--\n\/\/ http:\/\/stackoverflow.com\/questions\/1805802\/php-convert-unicode-codepoint-to-utf-8\nvar oInputText=document.getElementById(\"inputtext\");\nvar oTextUTF8Char=document.getElementById(\"utf8char\");\nvar oTextUTF8Hex=document.getElementById(\"utf8hex\");\nvar oSubjectInput=document.getElementById(\"subjectin\");\nvar oSubjectOutput=document.getElementById(\"subjectout\");\nvar oTextUTF8SubjectCode=document.getElementById(\"utf8subjectcode\");\nvar oTextUTF8SubjectPreview=document.getElementById(\"subjectpreview\");\n\nvar oRegExMatchHTMLHexPattern=\/^&#x([0-9a-zA-Z]+)\\;\/,i;\nvar oRegExMatchUniCodeCodePosHexPattern=\/^U\\+([0-9a-zA-Z]+)\/,i;\nvar oRegExMatchHTMLDecPattern=\/^&#([0-9]+)\\;\/,i;\nfunction fTextBoxChanged()\n{\n\tvar sInput=oInputText.value;\n\tif((Match=oRegExMatchHTMLHexPattern.exec(sInput))!==null)\n\t{\n\t\tvar oInt=parseInt(Match[1], 16);\n\t}\t\n\telse if((Match=oRegExMatchUniCodeCodePosHexPattern.exec(sInput))!==null)\n\t{\n\t\tvar oInt=parseInt(Match[1], 16);\n\t}\n\telse if((Match=oRegExMatchHTMLDecPattern.exec(sInput))!==null)\n\t{\n\t\tvar oInt=parseInt(Match[1], 10);\n\t}\n\telse\n\t{\n\t\toInt=null;\t\n\t}\n\tif(!!oInt)\n\t{\n\t\t\/\/oTextNumber.innerHTML=oInt;\n                oTextUTF8Char.innerHTML=\"&#\"+oInt+\";\";\n                oTextUTF8Hex.innerHTML=utf8(oInt).hex;\n\t\toTextUTF8SubjectCode.innerHTML=utf8(oInt).hexSubject;\n                oSubjectOutput.innerHTML=\"=?utf-8?Q? \"+oSubjectInput.value.toString().replace(\/<|>\/g,\"\")+\" \"+ utf8(oInt).hexSubject +\" ?=\"; \n                oTextUTF8SubjectPreview.innerHTML=oSubjectInput.value.toString().replace(\/<|>\/g,\"\")+\" \"+ \"&#\"+oInt+\";\";\n\t}\n\telse\n\t{\n                oTextUTF8Char.innerHTML=\"-\"\n\t\toTextUTF8Hex.innerHTML=\"-----\";\n                oTextUTF8SubjectCode.innerHTML=\"--\";\n\t\toSubjectOutput.innerHTML=\"=?utf-8?Q? \"+oSubjectInput.value.toString().replace(\/<|>\/g,\"\")+\" No Symbol ?=\"; \n                oTextUTF8SubjectPreview.innerHTML=\"-----\"\n\t}\n}\nfunction utf8($iNumber)\n{\n    var Hex=\"\";\t\n    var Character=\"\";\n    var HexSubject=\"\";\n    if($iNumber<=0x7F)  \n\t{\n\t\tCharacter=String.fromCharCode($iNumber);\n                Hex=\" 0x\"+$iNumber.toString(16);\n                HexSubject=\"=\"+$iNumber.toString(16).toUpperCase();\n\t}\n    else if($iNumber<=0x7FF)\n\t{\n\t\tCharacter=String.fromCharCode(($iNumber>>6)+0xC0)+String.fromCharCode(($iNumber&0x3F)+0x80);\n                Hex=\" 0x\"+(($iNumber>>6)+0xC0).toString(16).toUpperCase()+\" 0x\"+(($iNumber&0x3F)+0x80).toString(16).toUpperCase();\n                HexSubject=\"=\"+(($iNumber>>6)+0xC0).toString(16).toUpperCase()+\"=\"+(($iNumber&0x3F)+0x80).toString(16).toUpperCase();\n\t}\n    else if($iNumber<=0xFFFF)\n\t{\n\t\tCharacter=String.fromCharCode(($iNumber>>12)+0xE0)+String.fromCharCode((($iNumber>>6)&0x3F)+0x80)+String.fromCharCode(($iNumber&0x3F)+0x80);\n                Hex=\" 0x\"+(($iNumber>>12)+0xE0).toString(16).toUpperCase()+\" 0x\"+((($iNumber>>6)&0x3F)+0x80).toString(16).toUpperCase()+\" 0x\"+(($iNumber&0x3F)+0x80).toString(16).toUpperCase();\n                HexSubject=\"=\"+(($iNumber>>12)+0xE0).toString(16).toUpperCase()+\"=\"+((($iNumber>>6)&0x3F)+0x80).toString(16).toUpperCase()+\"=\"+(($iNumber&0x3F)+0x80).toString(16).toUpperCase();\n\t}\n    else if($iNumber<=0x1FFFFF)\n\t{\n\t\tCharacter=String.fromCharCode(($iNumber>>18)+0xF0)+String.fromCharCode((($iNumber>>12)&0x3F)+0x80)+String.fromCharCode((($iNumber>>6)&0x3F)+0x80)+String.fromCharCode(($iNumber&0x3F)+0x80);\n                Hex=\" 0x\"+(($iNumber>>18)+0xF0).toString(16).toUpperCase()+\" 0x\"+((($iNumber>>12)&0x3F)+0x80).toString(16).toUpperCase()+\" 0x\"+((($iNumber>>6)&0x3F)+0x80).toString(16).toUpperCase()+\" 0x\"+(($iNumber&0x3F)+0x80).toString(16).toUpperCase();\n                HexSubject=\"=\"+(($iNumber>>18)+0xF0).toString(16).toUpperCase()+\"=\"+((($iNumber>>12)&0x3F)+0x80).toString(16).toUpperCase()+\"=\"+((($iNumber>>6)&0x3F)+0x80).toString(16).toUpperCase()+\"=\"+(($iNumber&0x3F)+0x80).toString(16).toUpperCase();\n\t}\n    return {\n\t\tcharacter:Character,\n\t\thex:Hex,\n                hexSubject:HexSubject\n\t};\n}\n-->\n<\/script><br \/>\n<script type=\"text\/javascript\"> \n\t\/\/oInputText.value=\"&#x1F497\";\n\tfTextBoxChanged();\n<\/script><br \/>\n<!--Or as colored <a href=\"https:\/\/en.wikipedia.org\/wiki\/Miscellaneous_Symbols_and_Pictographs\" target=\"_blank\" rel=\"noopener\">Misc pictographs<\/a> translate U+1F498 to \n<code>\n=?utf-8?Q?With love =01=F4=98?=\n<\/code>--><\/p>\n<p>Sources for Symbols, Pictographs and Special characters<\/p>\n<ul>\n<li><a href=\"https:\/\/nextlevelseo.de\/html-sonderzeichen\/\" target=\"_blank\" rel=\"noopener\">https:\/\/nextlevelseo.de<\/a><\/li>\n<li><a href=\"http:\/\/www.fileformat.info\/info\/unicode\/char\/2665\/index.htm\" target=\"_blank\" rel=\"noopener\">http:\/\/www.fileformat.info<\/a><\/li>\n<li><a href=\"https:\/\/en.wikipedia.org\/wiki\/Miscellaneous_Symbols_and_Pictographs\" target=\"_blank\" rel=\"noopener\">Symbols and Pictographs https:\/\/en.wikipedia.org<\/a><\/li>\n<\/ul>\n<p>Copy the Subject: field of the generator to the subject field of your favorite mail client (Outlook, Thunderbird..)<br \/>\n<figure id=\"attachment_4637\" aria-describedby=\"caption-attachment-4637\" style=\"width: 225px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/michlstechblog.info\/blog\/wp-content\/uploads\/2017\/05\/mail-subject-heart.png\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/michlstechblog.info\/blog\/wp-content\/uploads\/2017\/05\/mail-subject-heart.png\" alt=\"Mail with emoji subject\" width=\"225\" height=\"37\" class=\"size-full wp-image-4637\" \/><\/a><figcaption id=\"caption-attachment-4637\" class=\"wp-caption-text\">Mail with emoji subject<\/figcaption><\/figure><\/p>\n<p>Michael<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi, to show emoji,Pictographs or symbols in email subject line this line must be UTF8 encoded. For example a heart. A heart has the Unicode Heart Unicode UTF8(Hex) Code 0xE2 0x99 0xA5.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[1034,1023,1031,1022,1032,1019,1025,1024,1026,1033],"class_list":["post-4629","post","type-post","status-publish","format-standard","hentry","category-miscellaneous","tag-convert-to-hex","tag-emoji","tag-generator","tag-mail","tag-pictographs","tag-smtp","tag-subject","tag-symbols","tag-utf8","tag-wizzard"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/posts\/4629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/comments?post=4629"}],"version-history":[{"count":67,"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/posts\/4629\/revisions"}],"predecessor-version":[{"id":8240,"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/posts\/4629\/revisions\/8240"}],"wp:attachment":[{"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/media?parent=4629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/categories?post=4629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/michlstechblog.info\/blog\/wp-json\/wp\/v2\/tags?post=4629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}