I am currently using CKEditor for managing content. I am facing an issue with positioning the toolbar to the right side of my page, where I have a floated image on the left and the content on the right side.
The content needs to wrap around the image, which is why I have floated the image.
I did some research and found this link, but unfortunately, it didn't help me much: CKEditor inline toolbar position
If anyone could offer assistance, that would be greatly appreciated.
For reference, here's the link to my jsfiddle: http://jsfiddle.net/n8WJ2/7/
Here is the HTML code snippet:
<div class="fl">
<img src="http://www.destination360.com/north-america/us/montana/images/s/great-falls.jpg" height="300" width="300" />
</div>
<div>
<div class="section-title">Section title</div>
<div id="editable">
</div>
</div>
Javascript used:
var j = jQuery.noConflict();
j(document).ready(function () {
var editArea = j('#editable');
editArea.attr('contenteditable', 'true');
CKEDITOR.inline(editArea.get(0), {}, '');
});
CSS styling:
.fl {
float: left;
}
#editable {
min-height: 300px;
border: solid 1px #ccc;
}
Thank you in advance for your help.