Style CSS (lien hypertexte) en javascript

[Guiglette]

Bonjour,

J'ai récemment mis en place un wysiwyg (ckeditor) pour un projet perso, à l'intérieur duquel je souhaite mettre des styles de texte prédéfinis, façon CSS.

J'ai bien réussi à implémenter mes styles de texte simples pour le menu déroulant de l'éditeur, ce qui ressemble à ça :

Code :

1
2
3
4
CKEDITOR.stylesSet.add( 'my_styles',
[
    { name : 'texte', element : 'text', styles : { 'color' : '#FFFFFF', 'font-family' : 'Verdana', 'font-size' : '11px', 'font-style' : 'normal', 'font-weight' : 'normal', 'font-variant' : 'normal', 'text-decoration' : 'none' } }
]);

Cependant, je n'arrive pas à implémenter mes styles relatifs aux liens hypertextes, qui en CSS ressemblent à ça :

Code css :

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
41
42
43
44
a.menu:link {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: Aucune;
	color: #FFFFFF;
	text-decoration: none;
}
a.menu:visited {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: Aucune;
	color: #FFFFFF;
	text-decoration: none;
}
a.menu:hover {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: Aucune;
	color: #cc0000;
	text-decoration: none;
}
a.menu:active {
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: Aucune;
	color: #cc0000;
	text-decoration: none;
}

Quelqu'un aurait-il déjà rencontré ce problème, et serait à même de m'aider, ou me proposer un lien qui traite du sujet ? Mon ami Google n'arrive pas à m'aider, quant à Chuck Norris, j'ai perdu son numéro

Merci !