Like the title says, I'm trying to keep the CKeditor itself the same same through the editing process, but I'd like to be able to resize the editing area by itself when a dropdown has changed. This is an MVC3 Razor Project btw.
what I have so far:
This however tries to resize the whole editor which in case tends to mess it all up because some of the sizes are too small to acommodate the toolbar items and such.
So ideally I'd like to leave the editor itself at max size and just resize the editing area to the size returned by the controller. I'm fairly new to jquery and ckeditor and maybe this is a pretty basic thing to do, but I'm not sure how. Any Ideas?
what I have so far:
$(document).ready(function () { $("#ModuleID").change(function () { var modid = $(this).val(); $.getJSON('@Url.Action("Action", "Controller")', { id: modid }, function (myData) { var editor = CKEDITOR.replace('ArticleContent'); if (myData.length != 0) { $.each(myData, function (index, itemData) { $("#ArticleContentWordCount").val(itemData.CharCount); editor.config.width = itemData.ModuleWidth; editor.config.height= itemData.ModuleHeight; }); } }); }); });
This however tries to resize the whole editor which in case tends to mess it all up because some of the sizes are too small to acommodate the toolbar items and such.
So ideally I'd like to leave the editor itself at max size and just resize the editing area to the size returned by the controller. I'm fairly new to jquery and ckeditor and maybe this is a pretty basic thing to do, but I'm not sure how. Any Ideas?
Re: Keeping CKeditor same size but resizing editing area
Re: Keeping CKeditor same size but resizing editing area
Customer and Community Manager, CKSource
Follow us on: Facebook, Twitter, LinkedIn
If you think you found a bug in CKEditor, read this!
Re: Keeping CKeditor same size but resizing editing area
It doesn't seem to be possible because the ckeditor is a series of table rows and cells... including the editing area. I'm trying editing the ckeditor.js to nest a table inside the the cke_contents td to see if I can control the height and width of that.
Re: Keeping CKeditor same size but resizing editing area
The code generated by ckeditor generated a table that has the toolbar with icons in one TR, the editing area in the next TR, and then the footer in another TR.
So this completely restricts you to resize your editing area because they are in the same 1 celled table, so all three rows will be the same exact width no matter what.
What I did to get around it?
find the line where the editing area td is generated.
and replace it with:
What you are doing here is just basically nesting a table inside the td where the editing area was, moving its id, class, style, role into the nested table's TD so when you try to do anything to cke_contents_ it actually resizes the nested table that you've just created.
hope this helps anyone in need of the same type of functionality.
Re: Keeping CKeditor same size but resizing editing area
Well, besides this topic you haven't spend the time trying to help anyone else in this forums. If everybody acts like you then it's obvious that all that you get are questions without answers.
For your question, instead of messing with the core files I would have opted to use a "shared toolbar" approach.
Re: Keeping CKeditor same size but resizing editing area
Oh, my apologies. I was not aware that to get help in the community forum of the ckeditor, first I'm required to help other people in it. Considering that I've never used ckeditor before in my life, that would be pretty hard to do. I must be the only one who has entered this forum to ask for help without helping everybody else in here my apologies again.
Thanks for the super explainative and detailed answer too! you're of such awesome help