textarea class names/ ids containing square brackets in IE

[lcrudd]

Hi,

I have had a few problems when using CKEditor for textareas with IDs/ class names with square brackets in them in Internet Explorer (observed in both 7 & 8). One example is that when I use the CKEDITOR.replace function, with a custom config, on two such textareas, the second one appears to lose its colour. This does not happen in Firefox.

Contents of my HTML file:

<script type="text/javascript" src="/ckeditor/ckeditor.js"></script> <textarea name="text1[copy]" id="text1[copy]">existing text</textarea> <textarea name="text2[copy]" id="text2[copy]">existing text</textarea>

<script type="text/javascript">

CKEDITOR.replace( 'text1[copy]' , {

customConfig : '../ckeditor/configs/config.js', toolbar: 'CMSFull'

});

CKEDITOR.replace( 'text2[copy]' , {

customConfig : '../ckeditor/configs/config.js', toolbar: 'CMSFull'

});

</script>

Contents of my custom config file:

/* Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved. For licensing, see LICENSE.html or ​http://ckeditor.com/license */

CKEDITOR.editorConfig = function( config ) {

Define changes to default configuration here. For example: config.language = 'fr'; config.uiColor = '#AADC6E';

config.language = 'fr'; config.uiColor = ' #FFFF00'; config.toolbar_CMSBasic = [

['Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']

]; config.toolbar_CMSFull = [

['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink','-','About']

]; config.toolbar_CMSBoxOut = [

['Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link']

];

};

Thanks.

[lcrudd]

screenshot

[Alfonso Martínez de Lizarrondo]

dup of #5045 as those chars need escaping in CSS