CK editor / IE8
Zet het op onderstaande manier in een variabele om later te tonen:
Code (php)
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
$toon_topics .= '<br><br>Plaats hieronder uw reactie:<br><br>
<form name="postMsg" method="post" action="">
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"> </textarea>
<br><br>
<input type="hidden" name="id" value="'.(int)$_GET['topic_id'].'">
<input type="submit" name="verzenden" value="verzenden">
<input type="submit" name="wis" value="annuleer">
</form>';
<form name="postMsg" method="post" action="">
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10"> </textarea>
<br><br>
<input type="hidden" name="id" value="'.(int)$_GET['topic_id'].'">
<input type="submit" name="verzenden" value="verzenden">
<input type="submit" name="wis" value="annuleer">
</form>';
Leden met een oude versie ( < IE9 ) krijgen geen toolbar en tekstvak te zien.
Test ik het lokaal in IE 10 (via F12 terug naar IE8) dan zie ik wel de toolbar/tekstvak.
Online via dezelfde weg zie ik het echter ook niet.
Als ik in IE via F12 in de code kijk zie ik:
Code (php)
1
<TEXTAREA name=editor1 class=ckeditor id=editor1 style="VISIBILITY: hidden" rows=10 cols=80>
Haal ik de style er uit, zie ik wel een tekstvak, maar nog steeds geen toolbar (overigens heb ik in mijn code volgens mij niet die style opgenomen (zie bovenstaande code)).
Krijg in IE wel een foutmelding : SCRIPT5007: Kan de eigenschap groups van een niet-gedefinieerde verwijzing of een verwijzing naar een lege waarde niet ophalen
ckeditor.js, regel 602 teken 547
Volgens mij is dat
Code (php)
1
var j,d=k.groups;
Google brengt me met die melding ook niet verder :(
Ergens lijkt het dat het aan een instelling ligt, omdat het lokaal (xampp) wel werkt en live niet?
Of kan het nog in een css en/of jquery conflict zitten? Hoewel; in IE 9 en 10 en FF werkt het prima.
Het laten upgraden naar een recentere versie van IE is de meest voor de hand liggende oplossing, maar omdat het om (bedrijfs)pc's met XP gaat, lijkt dat niet mogelijk :-(
Iemand een andere tip/oplossing?
Ben er de afgelopen dagen nog mee bezig geweest.
Ook de nieuwste versie geupload. Geen effect.
Heb het ondertussen deels gevonden:
Als ik de gegevens in het bestand config.js terugzet naar 'default' gaat het goed.
Ben nu aan het uitzoeken wat ik waar waarom en op welke wijze moet aanpassen om het te wijzigen.
Ben al blij dat ik eindelijk heb weten te achterhalen in welk bestand het lijkt te zitten.
Code (js)
1
2
2
editor = CKEDITOR.replace( 'msgText', { toolbar: [['Bold','Italic','Underline','Strike','Subscript','Superscript'], ['Smiley']],
removePlugins: 'elementspath', resize_enabled: false } );
removePlugins: 'elementspath', resize_enabled: false } );
Zo roep ik het aan, en zover ik het weet gaat dat goed.
Gewijzigd op 15/09/2013 14:00:54 door Ger van Steenderen
Zal dat eens vergelijken met wat ik heb/hoe ik het gedaan heb.
Code (js)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
calEditor = CKEDITOR.replace( 'descItem',
{ height:'250',
customConfig: 'calconfig.js',
enterMode: CKEDITOR.ENTER_BR,
removePlugins: 'elementspath',
resize_enabled: false,
filebrowserImageBrowseUrl : '/kcfinder/browse.php?type=images',
filebrowserFlashBrowseUrl : '/kcfinder/browse.php?type=flash'
} );
{ height:'250',
customConfig: 'calconfig.js',
enterMode: CKEDITOR.ENTER_BR,
removePlugins: 'elementspath',
resize_enabled: false,
filebrowserImageBrowseUrl : '/kcfinder/browse.php?type=images',
filebrowserFlashBrowseUrl : '/kcfinder/browse.php?type=flash'
} );
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
/**
* @license Copyright (c) 2003-2013, 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 the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'tools' },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'colors' },
];
// Remove some buttons, provided by the standard plugins, which we don't
// need to have in the Standard(s) toolbar.
config.removeButtons = 'Image';
// Se the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre';
// Make dialogs simpler.
config.removeDialogTabs = 'image:advanced;link:advanced';
};
* @license Copyright (c) 2003-2013, 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 the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
// The toolbar groups arrangement, optimized for two toolbar rows.
config.toolbarGroups = [
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'tools' },
'/',
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'colors' },
];
// Remove some buttons, provided by the standard plugins, which we don't
// need to have in the Standard(s) toolbar.
config.removeButtons = 'Image';
// Se the most common block elements.
config.format_tags = 'p;h1;h2;h3;pre';
// Make dialogs simpler.
config.removeDialogTabs = 'image:advanced;link:advanced';
};
Bovenstaande werkt niet goed in IE8 (en 7). Krijg geen tekstveld/editor te zien.
Onderstaande gaat wel goed.
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
/**
* @license Copyright (c) 2003-2013, 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 the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
// The toolbar groups arrangement, optimized for a single toolbar row.
config.toolbarGroups = [
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'forms' },
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'tools' },
{ name: 'others' },
{ name: 'about' }
];
// The default plugins included in the basic setup define some buttons that
// we don't want too have in a basic editor. We remove them here.
config.removeButtons = 'Cut,Copy,Paste,Undo,Redo,Anchor,Underline,Strike,Subscript,Superscript';
// Let's have it basic on dialogs as well.
config.removeDialogTabs = 'link:advanced';
};
* @license Copyright (c) 2003-2013, 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 the complete reference:
// http://docs.ckeditor.com/#!/api/CKEDITOR.config
// The toolbar groups arrangement, optimized for a single toolbar row.
config.toolbarGroups = [
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },
{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },
{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },
{ name: 'forms' },
{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },
{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },
{ name: 'links' },
{ name: 'insert' },
{ name: 'styles' },
{ name: 'colors' },
{ name: 'tools' },
{ name: 'others' },
{ name: 'about' }
];
// The default plugins included in the basic setup define some buttons that
// we don't want too have in a basic editor. We remove them here.
config.removeButtons = 'Cut,Copy,Paste,Undo,Redo,Anchor,Underline,Strike,Subscript,Superscript';
// Let's have it basic on dialogs as well.
config.removeDialogTabs = 'link:advanced';
};
Enige verschil lijkt mij dat in de 1e code de icoontjes verdeeld worden over 2 regel (
Code (php)
1
'/',
In de nieuwe(re) versie van IE en in FF werkt het prima.