CKEditor does not show previews of message boxes in the Formatting Styles dropdown

• Type: Regression Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.0 CE GA1, 6.2.10 EE GA1, 7.0.0 M3
• Fix Version/s: 6.2.3 CE GA4, 6.2.X EE, 7.0.0 M1
• Component/s: CKEditor, Frontend Infrastructure
• Labels:
  • liferay-fixpack-portal-40-6210
• Branch Version/s:
  6.2.x
• Backported to Branch:
  Committed
• Story Points: 6
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/18426

The newer version of Liferay 6.2.0 CE GA1 CKEditor in HTML file format no longer displays or publishes messages boxes for info alert or error messages. The old version of Liferay 6.1.2 CE GA3 CKEditor in HTML file format worked.

1. Add a new page.
2. Add the wiki portlet to the page.
3. On the FrontPage, click the message to go to the edit screen with the CKEditor.
4. Change the format to HTML.
5. In the CKEditor toolbar, look for the drop down that says "Style" and click on it.
6. Scroll to the Info Message, Alert Message, and Error Message.

Expected result: These three styles used to show a preview of the message box, as seen in screenshot-1.jpg.

Actual result: The list is now text only, as seen in screenshot-2.jpg.

Please see the attached .gif for more clarification on where to find the formatting styles dropdown.