I'm trying to use the in-page configuration with the latest CKEditor by using the example in the following [url="http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Setting_Configurations"]documentation[/url].
When I try to run this example in a Cold Fusion page the text area does not show up. If I remove the inline configuration the editor displays properly. After spending some time I was able to the customize the editor with a custom configuration file but I would prefer to use the in-page configurations.
Here is the code I'm using.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
<link rel='stylesheet' type='text/css' href='/ac/styles/ac_style.css'>
<script type="text/javascript" src="/ac/ckeditor/ckeditor.js"></script>
</head>
<body>
<div>
<form action="scratchpad.cfm" name="test">
<textarea name="editor1" >test</textarea>
<script type="text/javascript">
CKEDITOR.replace( 'editor1',
{
toolbar : 'basic',
uiColor : '# 9AB8F3'
});
</script>
<input type="submit" name="test" value="test">
</form>
</div>
</body>
</html>
Executing this code on my server only displays the submit button. Any help would greatly be appreciated.
Thu, 10/22/2009 - 19:06
#1
Re: Problems with in-page configuration
CKEDITOR.replace( 'myEditor', { toolbar : 'Basic' });
I figured this out while looking at some examples on overriding these. In the config.js file you can setup something like this
config.toolbar_Basic =
[
['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']
];
in order to change what shows up when you define if you want to show the 'Full' or 'Basic' toolbar
Re: Problems with in-page configuration