Cople

TinyMCE Smiley Button

A nice to have would be to turn the text in the wysiwyg to a smiley. EG. :) <- Would turn into the smiley image after a space is added. A client of ours wants this functionality so i shall send relevant code to do so once i've figured it out. :)



Does what it says on the tin.

Gallagher Website Design

<p>This plugin converts emoticons to Font Awesome icons. Emoticons such as smilies like <code>:-)</code> and <code>:-P</code> are replaced with icons. There are several advantages of these vector icons:</p>
<ul>
<li>Font color and styling from the surrounding text will be applied to the icons.</li>
<li>Accessibility minded, icons can be read with screen readers.</li>
<li>Professionally designed and pixel perfect.</li>
<li>Choose styling, such as regular, solid, light, and even duotone.</li>
<li>Fast loading, utilizing a Font Awesome kit.</li>
</ul>
<p>For more information about this plugin you can checkout our web page on the plugin here <a href="https://www.gallagherwebsitedesign.com/plugin/convert-emoticons-font-awesome/" rel="nofollow ugc">Font Awesome Convert Emoticons</a>.</p>
<h3>Supported Emoticons</h3>
<p>This plugin supports all emoticons that WordPress does by default, plus a few extras. Below is a list of all supported emoticons. Any of these codes below can be used to display the icons in your content and comments.</p>
<ul>
<li><code>:) :-) :smile:</code></li>
<li><code>;) ;-) :wink:</code></li>
<li><code>:( :-( :sad:</code></li>
<li><code>:O :o :0 :-O :-o :-0 :eek:</code></li>
<li><code>8O 8-O :shock:</code></li>
<li><code>:? :-? :???:</code></li>
<li><code>:D :-D :grin:</code></li>
<li><code>:P :-P :razz:</code></li>
<li><code>8) 8-) :cool:</code></li>
<li><code>:x :-x :mad:</code></li>
<li><code>:| :-| :neutral:</code></li>
<li><code>:lol:</code></li>
<li><code>:oops:</code></li>
<li><code>:cry:</code></li>
<li><code>:evil:</code></li>
<li><code>:twisted:</code></li>
<li><code>:roll:</code></li>
<li><code>:!:</code></li>
<li><code>:?:</code></li>
<li><code>:idea:</code></li>
<li><code>:arrow:</code></li>
<li><code>:mrgreen:</code></li>
<li><code>:thumbs: :thumbsup:</code></li>
<li><code>:thumbsdown:</code></li>
<li><code><3 :heart:</code></li>
<li><code>:star:</code></li>
</ul>
<h3>Features</h3>
<ul>
<li>Emoticons inside content and comments will be replaced with icons</li>
<li>Enable/disable plugin from settings page</li>
<li>Can choose styling: regular, solid, light, and even duotone.</li>
<li>Uses your own Font Awesome kit (adds kit to HTML header for you, no coding needed)</li>
<li>No coded needed</li>
</ul>
<h3>Important Notes</h3>
<ul>
<li>You’ll need to disable WordPress’s “Convert emoticons…” in Admin “Settings -> Writing” (otherwise it will conflict with this plugin)</li>
<li>A Font Awesome kit is required, don’t worry it’s free from Font Awesome.</li>
</ul>
<h3>How To Set Up A Font Awesome Kit</h3>
<p>A kit is free from Font Awesome, and required for this plugin.</p>
<ol>
<li>Go to Font Awesome’s website and click on the “Start” link in the top navigation.</li>
<li>If you don’t have an account yet, type in your email address into the form. Other wise type in a name for your kit.</li>
<li>Click the “Send Kit Code” button.</li>
<li>Open up your email client and and open the email from Font Awesome.</li>
<li>Follow the instructions in the email to finish creating your kit.</li>
<li>Copy and paste the kit URL into the settings in this plugin. Your kit URL should look like this: https://kit.fontawesome.com/YOUR_ID_HERE.js</li>
</ol>
<h3>About Font Awesome Usage</h3>
<p>This plugin and it’s developer is not affiliated in any way with Font Awesome or fontawesome.com. Fonticons, Inc. holds all the copyrights and usage terms to the icons. This plugin simply displays the icons as allowed under Fonticons, Inc.’s terms of use.</p>


Convert Emoticons Font Awesome

Converts emoticons to Font Awesome icons.

TinyMCE Smiley Button vs Convert Emoticons Font Awesome