Font Awesome Icons in Posts

[jimp]

We use Font Awesome icons in our software and since NodeBB also utilizes Font Awesome icons, I wondered if there was a way to include them in the text of forum posts, similar to Emoji. This would make pointing users at specific buttons/controls a breeze since we could use the icons directly rather than descriptions of them or images.

I've searched around quite a bit but I haven't found anything promising in plugins or in previous forum posts.

It seems like it shouldn't be terribly difficult to implement in a Markdown enhancement but I didn't want to start down that road without checking first, to avoid reinventing the wheel.

[PitaJ]

I know TDWTF does this. It's absolutely possible with a font-based emoji pack.

[Ben Lubar]

Here's our emoji pack for FontAwesome (yes, it's just the json file):

tdwtf/emoji/fontawesome.json at master · boomzillawtf/tdwtf

Custom CSS and headers for what.thedailywtf.com. Contribute to boomzillawtf/tdwtf development by creating an account on GitHub.

GitHub (github.com)

[PitaJ]

Be aware that as defined here you need to service the hook: https://github.com/NodeBB/nodebb-plugin-emoji/blob/master/README.md#hook-filteremojipacks

You can also embed it within the plugin library like here: https://github.com/NodeBB-Community/nodebb-plugin-emoji-vital/blob/master/emoji.js

[PitaJ]

@jimp @Ben-Lubar I've created an actual plugin that does this now.

Font Awesome Emoji Pack

[sweetp]

@PitaJ
maybe a silly question..
but, how can I use the font awesome icons in my posts?
i've installed your plugin - I just don't see the icons in the emoji pulldown

[PitaJ]

@sweetp you might need to rebuild emoji assets. Go to the emoji plugin page in the ACP and hit the button. Then wait a few seconds and restart NodeBB.

[The Worms]

@PitaJ i've an error :

- error: [build] Encountered error preparing for build Error: ENOENT: no such file or directory, scandir '/nodebb/node_modules/nodebb-plugin-emoji-fontawesome/public/language'

[PitaJ]

@The-Worms Fixed! sorry about that.

[email protected]