How To Enable Emoji Option In The Froala WYSIWYG Editor

Link: https://support.brilliantdirectories.com/support/solutions/articles/12000077954

Emojis can be added to text in the website's Froala WYSIWYG editors in two ways. The admin content and email editors have a built-in emoji picker with a search box. The other Froala editors on the website use Froala's standard emoji button, which is turned on with the Froala Emojis advanced setting.


Emoji Picker in the Admin Editors


The Emojis button in the admin editors opens BD's emoji picker. The picker is available by default and does not require the Froala Emojis advanced setting. It appears in these editors:

  • The Page Content editor in My Content >> Web Page Builder
  • The message editor for templates in Emails >> Email Templates
  • The message editor in Emails >> Compose Email


To add an emoji:

  1. Open one of the editors listed above and click in the text where the emoji should go.
  2. Click the Emojis button (smiley face) in the editor toolbar. The emoji picker opens.
  3. Optional: type a word in the Search emojis box, such as "heart" or "christmas". The list narrows to emojis whose name contains the word, and capital letters do not matter.
  4. Click an emoji. It is inserted at the cursor and the picker closes.


The Emojis button in the email template editor toolbar and the emoji picker with the Search emojis box and Recently Used section


Emojis that were picked recently are listed at the top of the picker under Recently Used, most recent first, so they can be reused without searching. This list is remembered by the web browser being used, so it does not carry over to a different browser or computer.


Froala Emojis Setting


The Froala Emojis advanced setting is separate from the admin emoji picker above. It adds Froala's standard emoji button to the other Froala editors on the website, such as the post forms members use on the front end. To turn it on, navigate to Settings >> Advanced Settings and search for: 


Froala Emojis

System Variable: froala_emojis




By default this setting is turned off, when this option is enabled, the Froala WYSIWYG Editor option will show on the toolbar to add the emojis as desired.




Enabling the froala_emojis advanced setting extends emoji support beyond Froala Editors to all text areas within the admin panel.






Note: The only potential issue with adding emojis is in membership plan names. While they can be added, they won’t render when the membership plan name appears on the generated invoice.