Discussion :

[arttom]

Bonjour,

Désolé je vous embête encore une fois, mais malgré la lecture de la doc sur le site, il y'a des choses que je ne comprend pas.

Voila j'ai configuré la toolbar, mais je me suis aperçu qu’après configuration de la toolbar celle-ci n'apparaissait plus à certain endroit. Je n'ai pas encore fais ma configuration de style.

Ce qui m’échappe c'est qu e si je garde la configuration initial tout fonctionne, mais je n'ai pas besoin de tout sa..

Avez-vous une idée ? Est-ce que je désactive des plug-in sans le vouloir?

Voici la config :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
config.toolbar = [
	{ name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Undo', 'Redo','-','PasteFromWord','-', 'Scayt' ] },
	{ name: 'links', items: [ 'Link', 'Unlink'] },
	{ name: 'mise en forme', groups: [ 'list', 'indent', 'blocks', 'align'], items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] },
	'/',
	{ name: 'styles', groups: [ 'styles' ], items: [ 'Styles'] },
	{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline','-', 'RemoveFormat','-','SpecialChar' ] },
	'/',
	{ name: 'Maintenance', groups: [ 'bidi', 'image' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv','-', 'Image', 'Table','-', 'Sourcedialog'] }
];

Voici la toolbar qui apparaît :


Sur la même page, sur ce block rien ne s'affiche...

[arttom]

J'ai relu la doc et je ne vois pas pourquoi ça ne fonctionne pas...

[arttom]

J'ai trouvé une partie du problème, maintenant j'ai bien la toolbar de partout..
Mais quand je rajoute mes styles, là la toolbar disparaît.
J'ai pris l'exemple donnée sur la documentation de CKeditor pour les styles mais pareil.

Avez-vous une idée ?
Merci d'avance...

Mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
35
36
37
38
39
40
/**
 * @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 ) {
 
	config.language = 'fr';
	// config.plugins = 'dialogui,dialog,about,a11yhelp,dialogadvtab,basicstyles,bidi,blockquote,clipboard,button,panelbutton,panel,floatpanel,colorbutton,colordialog,templates,menu,contextmenu,div,resize,toolbar,elementspath,list,indent,enterkey,entities,popup,filebrowser,find,fakeobjects,flash,floatingspace,listblock,richcombo,font,forms,format,htmlwriter,horizontalrule,iframe,wysiwygarea,image,smiley,justify,link,liststyle,magicline,maximize,newpage,pagebreak,pastetext,pastefromword,preview,print,removeformat,save,selectall,showblocks,showborders,sourcearea,specialchar,menubutton,scayt,stylescombo,tab,table,tabletools,undo,wsc';
	config.skin = 'moono';
	config.extraPlugins = 'sourcedialog';
	config.stylesSet = 'style_css';
 
	config.toolbar = 'MyToolbar';
 
	config.toolbar_MyToolbar =
	[
	{ name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'Undo', 'Redo','-','PasteFromWord','-', 'Scayt' ] },
	{ name: 'links', items: [ 'Link', 'Unlink'] },
	{ name: 'mise en forme', groups: [ 'list', 'indent', 'blocks', 'align'], items: ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'] },
	'/',
	{ name: 'styles', groups: [ 'styles' ], items: [ 'Styles'] },
	{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline','-', 'RemoveFormat','-','SpecialChar' ] },
	'/',
	{ name: 'Maintenance', groups: [ 'bidi', 'image' ], items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', 'CreateDiv','-', 'Image', 'Table','-', 'Sourcedialog'] }
 
	];
 
	CKEDITOR.stylesSet.add( 'style_css', [
 
    { name: 'Blue Title', element: 'h2', styles: { color: 'Blue' } },
    { name: 'Red Title',  element: 'h3', styles: { color: 'Red' } },
 
     { name: 'CSS Style', element: 'span', attributes: { 'class': 'my_style' } },
    { name: 'Marker: Yellow', element: 'span', styles: { 'background-color': 'Yellow' } }
]);
 
 
 
};

[arttom]

J'ai supprimé ckeditor, tout recommencé, je suis retourné voir la doc, j'ai tout bien suivi.. eh beh non des que j'ajoute mes styles, de nouveau problème d'affichage...

J'en ai profité pour prendre la dernière version de décembre..

Merci d'avance...

[arttom]

Je viens de voir que dans la console j'ai deux erreurs, est-ce que quelqu'un à déjà eu ça ?

body.scrollLeft is deprecated in strict mode. Please use 'documentElement.scrollLeft' if in strict mode and 'body.scrollLeft' only if in quirks mode. ckeditor.js:98
body.scrollTop is deprecated in strict mode. Please use 'documentElement.scrollTop' if in strict mode and 'body.scrollTop' only if in quirks mode.

[NoSmoking]

Bonjour,
ton document a t-il un DOCTYPE?

[arttom]

Bonjour,

Merci pour la réponse,

Oui ma page est DOCTYPE html

[NoSmoking]

A quelle moment ce produite l'erreur, une page test en ligne serait pas mal pour voir le contexte.

Essaie quand même, on ne sait jamais, de mettre dans la config

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

CKEDITOR.config.docType = '<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">';

[arttom]

Merci de l'aide,
La commande que tu m'as donnée ne fonctionne pas..

Je viens de mettre en ligne une page:
http://art-tom.fr/test

[NoSmoking]

La commande que tu m'as donnée ne fonctionne pas..

Normal car en fait pas vraiment concernée.


Vu effectivement sous Chrome, mais pas sous FireFox, il ne s'agit d'ailleurs que d'avertissements.

Si tu veux en savoir plus, il te faudrait charger la version "non compressée" de ckeditor.js, qui plus est le code n'a apparemment rien d'anormal.

[arttom]

Merci pour cette réponse,

Petit question, je comprend pas pourquoi télécharger le ckeditor.js non-compressé ?
Et autre petite question, je ne trouve pas ou télécharger la version non compressé? Je suis allé sur le centre développeur mais je ne vois pas ou télécharger une version non compressé?

Merci en tout cas pour ton aide..

[NoSmoking]

Petit question, je comprend pas pourquoi télécharger le ckeditor.js non-compressé ?

plus facile pour debuger.

Mais visiblement pas disponible effectivement.