Ticket #5045: 5045_5.patch

_source/core/editor.js

@@ -383 +383 @@
                                 throw '[CKEDITOR.editor] The instance "' + this.name + '" already exists.';
 
                         /**
+                         * A unique random string assigned to each editor instance in the page.
+                         * @name CKEDITOR.editor.prototype.id
+                         * @type String
+                         */
+                        this.id = CKEDITOR.tools.getNextId();
+
+                        /**
                          * The configurations for this editor instance. It inherits all
                          * settings defined in (@link CKEDITOR.config}, combined with settings
                          * loaded from custom configuration files and those defined inline in

_source/skins/kama/skin.js

@@ -147 +147 @@
                                 {
                                         var cssContent,
                                                 uiStyle = getStylesheet( CKEDITOR.document ),
-                                                cssId = '.cke_editor_' + CKEDITOR.tools.escapeCssSelector( editor.name );
+                                                cssId = '.' + editor.id;
 
                                         var cssSelectors =
                                                 [

_source/themes/default/theme.js

@@ -22 +22 @@
                         // Creates an HTML structure that reproduces the editor class hierarchy.
                         var html =
                                 '<span class="cke_shared">' +
-                                '<span class="' + editor.skinClass + ' cke_editor_' + editor.name + '">' +
+                                '<span class="' + editor.skinClass + ' ' + editor.id + ' cke_editor_' + editor.name + '">' +
                                 '<span class="' + CKEDITOR.env.cssClass + '">' +
                                 '<span class="cke_wrapper cke_' + editor.lang.dir + '">' +
                                 '<span class="cke_editor">' +
@@ -114 +114 @@
                                 '<span' +
                                         ' id="cke_', name, '"' +
                                         ' onmousedown="return false;"' +
-                                        ' class="', editor.skinClass, ' cke_editor_', name, '"' +
+                                        ' class="', editor.skinClass, ' ', editor.id, ' cke_editor_', name, '"' +
                                         ' dir="', editor.lang.dir, '"' +
                                         ' title="', ( CKEDITOR.env.gecko ? ' ' : '' ), '"' +
                                         ' lang="', editor.langCode, '"' +
@@ -167 +167 @@
                         var baseIdNumber = CKEDITOR.tools.getNextNumber();
 
                         var element = CKEDITOR.dom.element.createFromHtml( [
-                                        '<div class="cke_editor_' + editor.name.replace('.', '\\.') + '_dialog cke_skin_', editor.skinName,
+                                        '<div class="', editor.id, '_dialog cke_editor_', editor.name.replace('.', '\\.'), '_dialog cke_skin_', editor.skinName,
                                                 '" dir="', editor.lang.dir, '"' +
                                                 ' lang="', editor.langCode, '"' +
                                                 ' role="dialog"' +