Main navigation
Product navigation
Main content
CKEditor 4
Overview
Demo
Accessibility Checker
Add-ons
Documentation
Download
Pricing
More
Home
WYSIWYG Editors
CKEditor 4
CKEditor 5
Image upload
CKFinder
Easy Image
Collaboration
Comments
New
Track changes
New
Collaborative editing
Pricing
Case studies
New
Documentation
Help center
Blog
Contact us
The forum operates in
read-only
mode. Please head to
StackOverflow
for support.
Forums
CKEditor
Support
Last post
Thu, 05/12/2011 - 13:27
#1
bane
Joined:
12/05/2011
Posts:
3
CKEditor is not full width of window
Thu, 05/12/2011 - 13:31
#2
bane
Joined:
12/05/2011
Posts:
3
Re: CKEditor is not full width of window
I have tried adding in - Cols="xx" however this does not work.
For reference, this is my function:
function update_textarea(value) {
$("#news_textarea textarea").each(function(index) {
message[index] = $(this).val();
var editor = $(this).ckeditorGet();
if (editor) {
editor.destroy()
}
});
document.getElementById('news_textarea').innerHTML='';
for(var i = 0; i < value; i++) {
if(message[i] || headline[i] || langs[i] && langs[i] != default_language)
{
document.getElementById('news_textarea').innerHTML+=' %headline% <input name="headline[]" type="text" value="'+headline[i]+'" size="80" onchange="headline['+i+']=this.value;" />';
document.getElementById('news_textarea').innerHTML+='<textarea name="message[' + i + ']" rows="20">'+message[i]+'</textarea><br /><br />';
}
else
{
message[i] = '';
headline[i] = '';
langs[i] = '';
document.getElementById('news_textarea').innerHTML+=' <b>%headline%: </b><br /> <input name="headline[]" type="text" value="" size="80" onchange="headline['+i+']=this.value;" /><hr />';
document.getElementById('news_textarea').innerHTML+='<textarea name="message[' + i + ']" rows="20"></textarea><br /><br />';
}
}
$("#news_textarea textarea").ckeditor();
if(message.length > value) {
var message_length = message.length;
for(var i = value; i < message_length; i++) {
delete message[i];
message.length--;
delete headline[i];
headline.length--;
delete langs[i];
langs.length--;
}
}
initialize_language();
update_language();
}
Thu, 05/12/2011 - 15:14
#3
typeof
Joined:
24/04/2011
Posts:
99
Re: CKEditor is not full width of window
Please publish a test case on your website
Thu, 05/12/2011 - 16:57
#4
bane
Joined:
12/05/2011
Posts:
3
Re: CKEditor is not full width of window
Hi typeof, I cannot publish a test of this as you have to be an admin on the site to view the ckeditor.
Just to clarify, it is the width of the ckeditor itself which is not filling the full width of the page. The information it posts is fine.
Thu, 05/12/2011 - 19:13
#5
typeof
Joined:
24/04/2011
Posts:
99
Re: CKEditor is not full width of window
I suppose that it has something to do with your CSS but I cannot verify it without actual test case.
Look for the
width
properties in your CSS.
Wed, 06/01/2011 - 12:22
#6
ozstar
Joined:
13/12/2008
Posts:
5
Re: CKEditor is not full width of window
Was this resolved? If so what allowed you to give it the correct width please?
oz
Twitter
Facebook
Facebook
Instagram
Medium
Linkedin
GitHub
Arrow down
Phone
Menu
Close icon
Check
Re: CKEditor is not full width of window
For reference, this is my function:
function update_textarea(value) {
$("#news_textarea textarea").each(function(index) {
message[index] = $(this).val();
var editor = $(this).ckeditorGet();
if (editor) {
editor.destroy()
}
});
document.getElementById('news_textarea').innerHTML='';
for(var i = 0; i < value; i++) {
if(message[i] || headline[i] || langs[i] && langs[i] != default_language)
{
document.getElementById('news_textarea').innerHTML+=' %headline% <input name="headline[]" type="text" value="'+headline[i]+'" size="80" onchange="headline['+i+']=this.value;" />';
document.getElementById('news_textarea').innerHTML+='<textarea name="message[' + i + ']" rows="20">'+message[i]+'</textarea><br /><br />';
}
else
{
message[i] = '';
headline[i] = '';
langs[i] = '';
document.getElementById('news_textarea').innerHTML+=' <b>%headline%: </b><br /> <input name="headline[]" type="text" value="" size="80" onchange="headline['+i+']=this.value;" /><hr />';
document.getElementById('news_textarea').innerHTML+='<textarea name="message[' + i + ']" rows="20"></textarea><br /><br />';
}
}
$("#news_textarea textarea").ckeditor();
if(message.length > value) {
var message_length = message.length;
for(var i = value; i < message_length; i++) {
delete message[i];
message.length--;
delete headline[i];
headline.length--;
delete langs[i];
langs.length--;
}
}
initialize_language();
update_language();
}
Re: CKEditor is not full width of window
Re: CKEditor is not full width of window
Just to clarify, it is the width of the ckeditor itself which is not filling the full width of the page. The information it posts is fine.
Re: CKEditor is not full width of window
Look for the width properties in your CSS.
Re: CKEditor is not full width of window
oz