Welcome to the Question2Answer Q&A. There's also a demo if you just want to try it out.
+3 votes
1.3k views
in Plugins by

We use sometimes i tag on Bootstrap themes such as FlexArmor2 for vector icons (e.g. font awesome, GLYPHICONS).

Example of HTML code:

<i class="fa fa-book"></i>

However, because CKEditor removes empty tag, i tag is lost.

Solution1 (recommended):

You can evade this by adding a lower line to CKEditor4 Other configuration option.

protectedSource:[/<i[^>]*><\/i>/g],

Solution2:

You can deal by adding space.

<i class="fa fa-book">&nbsp;</i>

Reference:

Q2A version: 1.6.3
by
We use Solution2:

You can deal by adding space.

<i class="fa fa-book">&nbsp;</i>

Please log in or register to answer this question.

...