ProseMirror Font Awesome Icons
No security coverage
This module adds FontAwesome icon support to the ProseMirror editor, providing a searchable icon picker for easy insertion and proper rendering of icons. It demonstrates the module's APIs by adding an icon button to the editor's menu.
This module provides FontAwesome icon support for the ProseMirror editor as an example of the prosemirror module APIs.
Features
- Adds an "Icon" button to the ProseMirror editor menu (if an icon element exists in the ProseMirror config)
- Provides a searchable icon picker dialog with all FontAwesome solid icons
- Supports drag-and-drop icon insertion
- Renders icons properly in both editor and output (if allowed by the text format)
- Demonstrates the ProseMirror APIs
Installation
- Enable the prosemirror_fontawesome_icons module
- Add a new ProseMirror Element called "Icons", machine name "icon".
- The module will automatically:
- Install FontAwesome dependencies
- Register the icon node type with ProseMirror
- Add the icon menu item to the editor
Usage
- Open a ProseMirror editor
- Click the "Icon" button in the Embed drop-down
- Search for icons using the search field
- Click on an icon to insert it into the editor
Please note that icons will not render in the frontend unless the font-awesome library is included in the frontend AND the text format allows the <i> tag with classes.