Hi all!
I'm completely new to CKEditor, but I must say I'm getting quite the hang of it, and I love it. However, I've encountered a few problems. Here's my main problem:
I've implemented CKEditor using the "Replace DIV elements on the fly"-method from the "Samples" page. The editor shows up as it should, but it pops up too high in my website. The editor opens just above the content-div it's editing, right in the middle of the horizontal menu.. That way I can see only half of the editor.
Is there a way to edit the position of the editor on opening?
Thanks!
Greetings,
Tom
Edit: I've located some of the problem. I kind of have this code:
<div id="content-wrapper"> <div id="content-title"><h1>Title</h1></div> <div id="content-text" class="editable"> Content </div> </div>
Re: Div editor - positioning the editor
Anyone?
Re: Div editor - positioning the editor
Any idea will do now..
Re: Div editor - positioning the editor
Re: Div editor - positioning the editor
Re: Div editor - positioning the editor
If you figure this one out post it up. I'll do likewise.
Re: Div editor - positioning the editor
can you post a bit more code? Initialising CK, maybe CSS Styles
Re: Div editor - positioning the editor
Re: Div editor - positioning the editor
The solution that worked nicely for me was implementing the "instanceReady" function, like this:
CKEDITOR.on( 'instanceReady', function( ev ){
editor = ev.editor;
var editor_element=document.getElementById("cke_" + editor.name);
var text_element=document.getElementById(editor.name);
editor_element.style.position="absolute";
editor_element.style.left=text_element.style.left;
editor_element.style.top=text_element.style.top;
editor_element.style.width=text_element.style.width;
editor_element.style.height=(parseInt(text_element.style.height) + 20) + "px"; // some correction needed
});