Discussion :

[maitaddi]

Bonjour,

Voici quelques jours que j'essaye de trouver le moyen de personnaliser mon éditeur TinyMCE de telle sorte à ce qu'il "mette à jour mon contenu" lorsque je change de police par exemple.

La fonction OnKeyPress etc.. fonctionne parfaitement bien :

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
41
42
43
44
45
46
47
setup: 
function(editor) 
{
 
	 editor.on( 'onMouseOver', function(args) 
		{ 
			var val_titre=tinyMCE.get('titre_saisi').getContent();
			document.getElementById('titre').innerHTML=val_titre;
			var val_texte=tinyMCE.get('texte_saisi').getContent();
			document.getElementById('texte').innerHTML=val_texte;
		} 
        	editor.on( 'keyup', function(args) 
		{ 
			var val_titre=tinyMCE.get('titre_saisi').getContent();
			document.getElementById('titre').innerHTML=val_titre;
			var val_texte=tinyMCE.get('texte_saisi').getContent();
			document.getElementById('texte').innerHTML=val_texte;
		} 									
	);
 
	editor.on( 'keyblur', function(args) 
		{ 
			var val_titre=tinyMCE.get('titre_saisi').getContent();
			document.getElementById('titre').innerHTML=val_titre;
			var val_texte=tinyMCE.get('texte_saisi').getContent();
			document.getElementById('texte').innerHTML=val_texte;
		} 
	);
 
	editor.on( 'keypress', function(args) 
		{ 
			var val_titre=tinyMCE.get('titre_saisi').getContent();
			document.getElementById('titre').innerHTML=val_titre;
			var val_texte=tinyMCE.get('texte_saisi').getContent();
			document.getElementById('texte').innerHTML=val_texte;
		} 
	);
 
	editor.on( 'keydown', function(args) 
		{ 
			var val_titre=tinyMCE.get('titre_saisi').getContent();
			document.getElementById('titre').innerHTML=val_titre;
			var val_texte=tinyMCE.get('texte_saisi').getContent();
			document.getElementById('texte').innerHTML=val_texte;
		} 
	);
},

Maintenant, j'aimerai appliquer les mêmes actions sur le changement de police, de taille, de couleur etc... Dés lors que l'utilisateur a changer de police, sans devoir appuyer sur une touche du clavier, l'éditeur devra intégrer la mise à jour dans le <div> concerné.

Une petite idée ?

J'utilise la dernière version de TinyMCE (4.x)

Merci pour votre aide

[maitaddi]

Aucune réponse Ah, intéressant...C'est que cela ne doit pas être possible

[Seb33300]

Ou peut être que ton problème n'est pas clair.

Pour ma part, je n'ai absolument rien compris de ce que tu cherches à faire.

[chico_du_33]

c'est surtout que là tu cherches de l'aide dans le forum php quand ton problème est du javascript. tu vas pas trouve beaucoup d'aide ici....

[maitaddi]

Effectivement, avec du recul, je pense que ma question n'était pas précise. En fait, mon éditeur TinyMCE me permet de renseigner un <div>. Lorsque je saisi du texte dans mon textarea, le div correspondant reçoit le contenu saisi.

Cependant, lorsque je change la taille du texte par exemple, le <div> ne se met pas à jour automatiquement. Je voulais savoir si, comme pour les événéments liés au "keypress, keyblur, etc..", il y avait une possibilité pour activer cela au clic de la souris.

Cordialement,

[Seb33300]

Pourquoi ne pas tout simplement faire quelque chose comme ça :

Code javascript :

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

1
2
3
4
5
6
 
function refresh(){
    document.getElementById('titre').innerHTML = tinyMCE.get('titre_saisi').getContent();
    document.getElementById('texte').innerHTML = tinyMCE.get('texte_saisi').getContent();
}
setInterval("refresh()", 1000);

[maitaddi]

Parfait ! Je n'avais absolument pas pensé à cette façon de faire ! Il me suffit donc de changer le modifier le délai en fonction de mon besoin