Recently Browsing 0 members
No registered users viewing this page.
A few usability tweaks and tips for the CKEditor "Styles" dropdown, which is by default not that user-friendly:
As you can see it's small and if you add custom items to it they may look awkward as they may inherit styles from their targets (a 3rem bottom margin in the screenshot above).
These are relatively easy to fix but you have to load your custom CSS files to two places (eg. with AdminOnSteroids): PW admin and CKEditor.
After loading the CSS/Js assets (see code below) the dropdown looks nicer and more usable:
The screencap contains other features that you can achieve with the snippets below.
CSS - CKEditor (contains demo styles too)
CSS - admin
P.s. in case you wonder whether the half-margin, no-margin stuff and font-sizes from 12px to 48px were real-life examples - yes, client request 🙂
Hello guys. I feel a bit ashamed of this fact but I just needed to add an image with some text wrapped around it using CKEditor and I simply can't achieve that. I have an image field attached to the template (called images) and it is showing promptly the uploaded images. I am able to manipulate the image and I set its alignment to left side. Then I add some text and I can see in CKEditor that the text is properly surrounding the image. However, once I save the page and view it, it shows the text under the image or only a line is staying asside the image and the rest is under the image again. As far as the field used for the text (body) is set to TextMultiLang and I did not added any text formatters and chose the content type to be HTML/Markup.
In my CSS I've added some of the PW styles for the alignement as per some posts here but that did not help either. Something I am missing again?