CODEWITHSUNDEEP
cssckeditor
Vishal Bardoloi
Vishal Bardoloi

Reputation: 652

Use CKEditor CSS styling in normal div

Please see attached screenshots. Is there a way to create a div that shows the HTML snippet exactly as it was inside the CKEditor window? In my app, certain users enter in text using CKEditor, which other users need to see in view-only mode. Some of the simple styling is preserved (e.g. italics, bold) but other important styling elemenets (e.g. highlighting, table borders) are lost.

EDIT MODE

VIEW MODE

Upvotes: 0

Views: 443

Answers (1)

Reinmar
Reinmar

Reputation: 22023

I think that the easiest option will be to use CKEditor in the read-only mode.

The reason why I recommend using entire CKEditor is that you can take the HTML that's inside it, but you would also need to get the same stylesheets and that won't be easy.

I guess that you may want to display the read-only content as if it isn't placed in an editor. For that you could use the inline mode or an editor without toolbar, elementspath and resize plugins. In the second case remember to disable the ACF.

Upvotes: 0

Related Questions