Hi all, I've done a bit of a search to no avail so far. Basically I have a form set up using the code displayed below, which is a simple 'label left, field right' setup, with each row being in a paragraph.
I'd like my CKeditor instance to sit to the right of the label, just like all the other input elements on the form. Indeed, before replacing the textarea with the editor, it sits where it's supposed to, to the right of the label.
However, once it's rendered (once I call CKEDITOR.replace()) the CKeditor instance isn't where it should be, to the right of the label. Instead it pops back underneath the floating label.
Teh codez:
<p> <label class="w160" for="description">Description*</label> <textarea name="description" id="description">${h.Markup(module.description)}</textarea> </p>
Re: Editor positioning once rendered
Wow ... all it took was me joining this forum after searching it, then making some screen grabs, creating & writing the thread post, previewing it, and finally posting it, for me to realise the answer was really quite simple.
Since my labels are floated left, I simply have to give the editor a left-margin equal to the width of the label (plus a few PX). Since I only want this to happen with this instance, I can simply add a <style> tag to the MAKO template file this instance of the editor is in, then all the other instances can remain full-width of whatever layout they're in.
So I put this at the top of the page:
Re: Editor positioning once rendered
Hi beej
Great to see your problem solved! Thanks for both a detailed explanation of the issue and for posting back the solution once you found it. I am sure this will be most helpful for other users who might stumble across the same issue in the future!
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!