I've installed the standard version on our server and started experimenting with the new CKEditor. We have an education webapp that requires user login to access. We are getting the following error when trying to invoke the CKEditor. Clicking on the editable div generates Uncaught SyntaxError: Failed to execute query: '#440840139447 .cke_widget_new' is not a valid selector.
I recreated the issue on the following page http://research.geenius.com/index2.html
Note: <div> is below
Loading ckeditor.js and adapters/jquery.js.
CKEDITOR.disableAutoInline = true;
CKEditor = CKEDITOR.inline(editableId, {
//removePlugins: 'insertshortanswer,insertmedia,linkcontent,post,hideeditor',
//toolbar: 'Comment',
//fullPage: false,
//formatOutput: false,
//formatSource: false,
//baseHref: "",
height: '160px',
width: '620px',
insertmedia_pathPrefix: contentUrl,
imageBrowserURL: "dummy.html?Type=Image&Connector=connectors/jsp/connector&ServerPath=abs://" + contentUrl,
contentUrl: contentUrl
});
<div class="editableBlock inplace_editing cke_editable cke_editable_inline cke_contents_ltr" contenteditable="true" style="position: relative;" id="440840139447" tabindex="0" spellcheck="true"> ... </div>
What additional info can I provide to help diagnose this issue.
I created a slim version of the CKeditor 4.3.1 from the Full Editor and it works without the above error.
var CKBUILDER_CONFIG = {
skin: 'moono',
preset: 'full',
ignore: [
'dev',
'.gitignore',
'.gitattributes',
'README.md',
'.mailmap'
],
plugins : {
'a11yhelp' : 1,
'basicstyles' : 1,
'blockquote' : 1,
'clipboard' : 1,
'colorbutton' : 1,
'colordialog' : 1,
'templates' : 1,
'contextmenu' : 1,
'resize' : 1,
'toolbar' : 1,
'elementspath' : 1,
'enterkey' : 1,
'entities' : 1,
'find' : 1,
'floatingspace' : 1,
'font' : 1,
'format' : 1,
'horizontalrule' : 1,
'htmlwriter' : 1,
'indentblock' : 1,
'indentlist' : 1,
'justify' : 1,
'link' : 1,
'list' : 1,
'liststyle' : 1,
'magicline' : 1,
'maximize' : 1,
'pagebreak' : 1,
'pastetext' : 1,
'pastefromword' : 1,
'preview' : 1,
'removeformat' : 1,
'save' : 1,
'selectall' : 1,
'showblocks' : 1,
'showborders' : 1,
'specialchar' : 1,
'stylescombo' : 1,
'tab' : 1,
'table' : 1,
'tabletools' : 1,
'undo' : 1,
'dialogui' : 1,
'panelbutton' : 1,
'button' : 1,
'floatpanel' : 1,
'panel' : 1,
'menu' : 1,
'fakeobjects' : 1,
'richcombo' : 1,
'listblock' : 1,
'indent' : 1,
'tableresize' : 1,
'lineutils' : 1
},
languages : {
'en' : 1
}
};

On what browser does it
On what browser does it happen? This link does not work http://research.geenius.com/index2.html
Piotrek (Reinmar) Koszuliński
CKEditor JavaScript Developer
--
CKSource - http://cksource.com
--
Follow CKEditor on: Twitter | Facebook | Google+
Reinmar,
Reinmar,
Sorry, I fixed the issue - rapid development changed the underlying location for CKEditor files. You can access http://research.geenius.com/index2.html to see the problem on all browsers.
I did stumble on a workaround. It turns out the that the CKEditor parsing routines do not corretly parse a numeric id (id="12345") on the editable div. I have changed my code to generate an alphabetic id and everything works. The above test case illustrates the original problem. It took some time to figure out the workaround.
Andy