The className denotes a class name (of course), and if you use fa and and corresponding fa-* class, you can select from hundreds of possible icons. Unfortunately for me, there was no "gif" icon, nor one for Tenor GIF.
So I had to set out to make my own. To do this, you'll see that above, I set the class fa-tenor-gif. This maps to nothing, since the icon doesn't exist. However, it does provide a nice easy way to find and style the button itself.
Then in my stylesheet, I simply added this styling to create my button via CSS pseudo-elements:
@agusputra I agree with your suggestion about helper buttons. The open source project Rocket Chat has an unobtrusive way of hinting basic Markdown syntax.
Simply a line of greyed text that becomes regular text on mouseover
It might be useful to have something like this at the bottom of the editor input field.
Fun thing about Apple Safari on iOS the bars that are not removable takes like 100px of the total height resulting in a 400px height canvas for your website and add the keyboard over this to have some fun.
Hi, I'm the s9e\TextFormatter author. I have a couple of Google Alerts so unlike Beetlejuice you only have to save my name once for me to appear. 🙂
The client-side rendering is performed with XSLTProcessor. Adding an MSXML fallback for IE is easy. Rendering in pure JS is technically feasible (there's already a pure PHP renderer) but I never got to it because I have no use for it. The library could be used as the base for a true WYSIWYG editor (where what you see is actually what you get because there's no conversion from HTML back to Markdown or things like that) but that would be a big project. I'd be willing to discuss any type of collaboration if someone's interested.