How to include font awesome in Text node

Using Neos & Flow
1

Hi Team,
I am new with Neos CMS.
I am struggling to include font awesome icon in Text node.
I have tried with `“vivomedia/neos-fontawesome-icon”, but it work as a separate nodetype.

Text node is defined as below:

'Neos.NodeTypes:TextMixin':
  properties:
    text:
      ui:
        aloha:
          'format':
            'sub': true
            'sup': true
            'h1': false
            'h2': false
            'left': TRUE
            'right': TRUE
            'center': TRUE
            ' `justify': TRUE
          'table':
            'table': false

It would be helpful for me, if you can guide steps to include the font awesome in text node.

I am trying to get the result with text node as below.

Example :

“➜Lorem Ipsum is simply dummy text of the printing and ➜typesetting industry. ➜Lorem Ipsum has been the industry’s standard ➜dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.”

2

FontAwesome Icons usually are wrapped inside spans or sth. You can achieve sth. like this by creating your own styling button.

The following package might help you: https://github.com/breadlesscode/neos-simple-editor-extend
There is also a PR to create a button with dropdown menus to select the styling/classes. I think this will fit your needs.