I have, in a Django admin page with django-ckeditor installed, two fields which are RichTextFields.
The Chrome JavaScript console reports:
Uncaught TypeError: Cannot read property 'init' of undefined ckeditor.js:22 a.skins.m ckeditor.js:22 (anonymous function) ckeditor.js:23 t ckeditor.js:21 u ckeditor.js:21 v ckeditor.js:21 (anonymous function)
The admin edit page source is:
<!DOCTYPE html>
<html lang="en-us" >
<head>
<title>Change page | Django site admin</title>
<link rel="stylesheet" type="text/css" href="/static/admin/css/base.css" />
<link rel="stylesheet" type="text/css" href="/static/admin/css/forms.css" />
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/static/admin/css/ie.css" /><![endif]-->
<script type="text/javascript">window.__admin_media_prefix__ = "/static/admin/";</script>
<script type="text/javascript" src="/admin/jsi18n/"></script>
<script type="text/javascript" src="/static/admin/js/core.js"></script>
<script type="text/javascript" src="/static/admin/js/admin/RelatedObjectLookups.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.js"></script>
<script type="text/javascript" src="/static/admin/js/jquery.init.js"></script>
<script type="text/javascript" src="/static/admin/js/actions.js"></script>
<script type="text/javascript" src="/static/ckeditor/ckeditor/ckeditor.js"></script>
<meta name="robots" content="NONE,NOARCHIVE" />
</head>
<body class="ccachicago-page change-form">
<!-- Container -->
<div id="container">
<!-- Header -->
<div id="header">
<div id="branding">
<h1 id="site-name">Django administration</h1>
</div>
<div id="user-tools">
Welcome,
<strong>CCAAdmin</strong>.
<a href="/admin/doc/">Documentation</a> /
<a href="/admin/password_change/">Change password</a> /
<a href="/admin/logout/">Log out</a>
</div>
</div>
<!-- END Header -->
<div class="breadcrumbs">
<a href="/admin/">Home</a>
› <a href="/admin/ccachicago/">Ccachicago</a>
› <a href="/admin/ccachicago/page/">Pages</a>
› Page "Main" at main
</div>
<!-- Content -->
<div id="content" class="colM">
<h1>Change page</h1>
<div id="content-main">
<ul class="object-tools">
<li><a href="/admin/ccachicago/page/1/history/" class="historylink">History</a></li>
</ul>
<form enctype="multipart/form-data" action="" method="post" id="page_form"><input type='hidden' name='csrfmiddlewaretoken' value='fkEQQDp4mGd0LHr7izC4gcUSobb73N87' />
<div>
<fieldset class="module aligned ">
<div class="form-row field-title">
<div>
<label for="id_title" class="required">Title:</label>
<input class="vTextField" id="id_title" maxlength="255" name="title" type="text" value="Main" />
</div>
</div>
<div class="form-row field-body">
<div>
<label for="id_body" class="required">Body:</label>
<p><textarea cols="40" id="id_body" name="body" rows="10">Lorem ipsum</textarea></p>
<script type="text/javascript">
CKEDITOR.replace("id_body", {"filebrowserWindowWidth": 940, "toolbar_Basic": [["Source", "-", "Bold", "Italic"]], "toolbar_Full": [["Styles", "Format", "Bold", "Italic", "Underline", "Strike", "SpellChecker", "Undo", "Redo"], ["Image", "Flash", "Table", "HorizontalRule"], ["TextColor", "BGColor"], ["Smiley", "SpecialChar"], ["Source"]], "filebrowserUploadUrl": "/ckeditor/upload/", "height": 291, "width": 835, "filebrowserBrowseUrl": "/ckeditor/browse/", "skin": "moono", "filebrowserWindowHeight": 725, "toolbar": "Full"});
</script>
</div>
</div>
<div class="form-row field-sidebar">
<div>
<label for="id_sidebar">Sidebar:</label>
<p><textarea cols="40" id="id_sidebar" name="sidebar" rows="10"></textarea></p>
<script type="text/javascript">
CKEDITOR.replace("id_sidebar", {"filebrowserWindowWidth": 940, "toolbar_Basic": [["Source", "-", "Bold", "Italic"]], "toolbar_Full": [["Styles", "Format", "Bold", "Italic", "Underline", "Strike", "SpellChecker", "Undo", "Redo"], ["Image", "Flash", "Table", "HorizontalRule"], ["TextColor", "BGColor"], ["Smiley", "SpecialChar"], ["Source"]], "filebrowserUploadUrl": "/ckeditor/upload/", "height": 291, "width": 835, "filebrowserBrowseUrl": "/ckeditor/browse/", "skin": "moono", "filebrowserWindowHeight": 725, "toolbar": "Full"});
</script>
</div>
</div>
<div class="form-row field-location">
<div>
<label for="id_location" class="required">Location:</label>
<input class="vTextField" id="id_location" maxlength="255" name="location" type="text" value="main" />
</div>
</div>
<div class="form-row field-keywords">
<div>
<label for="id_keywords">Keywords:</label>
<input class="vTextField" id="id_keywords" maxlength="255" name="keywords" type="text" />
</div>
</div>
<div class="form-row field-description">
<div>
<label for="id_description">Description:</label>
<input class="vTextField" id="id_description" maxlength="1024" name="description" type="text" />
</div>
</div>
<div class="form-row field-script">
<div>
<label for="id_script">Script:</label>
<textarea class="vLargeTextField" cols="40" id="id_script" name="script" rows="10">
</textarea>
</div>
</div>
</fieldset>
<div class="submit-row">
<input type="submit" value="Save" class="default" name="_save" />
<p class="deletelink-box"><a href="/admin/ccachicago/page/1/delete/" class="deletelink">Delete</a></p>
<input type="submit" value="Save and add another" name="_addanother" />
<input type="submit" value="Save and continue editing" name="_continue" />
</div>
<script type="text/javascript">
(function($) {
var field;
})(django.jQuery);
</script>
</div>
</form></div>
<br class="clear" />
</div>
<!-- END Content -->
<div id="footer"></div>
</div>
<!-- END Container -->
</body>
</html>The ckeditor JavaScript source file is at http://jonathanscorner.com/media/ckeditor/ckeditor.js.
What can I do to change this behavior?