After updating the CKEditor plugin, the existing button elements with icon classes (such as fa, fa-icon-left, etc.) in the content are no longer preserved correctly during editing. Specifically, the icons inside
Open an existing page where buttons with icons (generated using the old CKEditor 4 plugin) are already present. For example, the button might look like this:
<a class="btn btn-primary" href="#" target="_blank">
<i class="fa fa-icon-left fa-swimmer" style="word-spacing: -1em;"> </i>
<span class="text">Find a Lesson!</span>
</a>Alternatively, manually insert a button with icons directly by pasting the old HTML structure into the CKEditor.
Edit the page in CKEditor and save the changes.
Observe that the icon inside the
I've implemented a patch that resolves the issue in my case. However, I suspect that a more robust and architectural solution may be introduced in upcoming versions of the module, which is why I decided not to create a fork or submit a pull request at this time.