Discussion :

[FrankOVD]

Bonjour,

J'ai trouv� trois sujets qui traitent de la fonction execCommand mais aucune qui traite d'un cas semblable au mien. Quelqu'un peut m'�clairer?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
execCommand(formatBlock, false, <p>)                    //Ça fonctionne
execCommand(formatBlock, false, <p class='normal'>)     //Ne fonctionne pas
execCommand(formatBlock, false, <p class=\'normal\'>)   //Ne fonctionne pas
execCommand(formatBlock, false, <p class=normal>)       //Ne fonctionne pas
execCommand(formatBlock, false, <p\ class=\'normal\'>)  //Ne fonctionne pas
execCommand(formatBlock, false, <p\ class\=\'normal\'>) //Ne fonctionne pas

[le_chomeur]

pas test� mais essaye de passer par une variable :
var formatdubloc = '<p class="normal">';
document.execCommand('FormatBlock', true, formatdubloc);

ou

document.execCommand('FormatBlock', true, '<p class="normal">');

. . .

[FrankOVD]

En fait ma cha�ne est d�j� pass� par une variable extraite d'une liste de choix, ce qui �limine aussi la possibilit� d'utiliser la syntaxe avec guillemets. Si je ne modifie aucun code et le laisse tel qu'il est ...

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
48
49
50
51
 
[...]
  document.writeln('			<select id="formatblock_' + rte + '" onchange="selectFont(\'' + rte + '\', this.id);">');
  document.writeln('				<option value="">[Style]</option>');
  document.writeln('				<option value="<p class=\'titre\'>">Titre</option>');
  document.writeln('				<option value="<h1>">Heading 1 &lt;h1&gt;</option>');
  document.writeln('				<option value="<h2>">Heading 2 &lt;h2&gt;</option>');
  document.writeln('				<option value="<h3>">Heading 3 &lt;h3&gt;</option>');
  document.writeln('				<option value="<h4>">Heading 4 &lt;h4&gt;</option>');
  document.writeln('				<option value="<h5>">Heading 5 &lt;h5&gt;</option>');
  document.writeln('				<option value="<h6>">Heading 6 &lt;h6&gt;</option>');
  document.writeln('				<option value="<address>">Address &lt;ADDR&gt;</option>');
  document.writeln('				<option value="<pre>">Formatted &lt;pre&gt;</option>');
  document.writeln('			</select>');
 
[...]
 
function selectFont(rte, selectname) {
	//function to handle font changes
	var idx = document.getElementById(selectname).selectedIndex;
	// First one is always a label
	if (idx != 0) {
		var selected = document.getElementById(selectname).options[idx].value;
		var cmd = selectname.replace('_' + rte, '');
		alert('rteCommand('+rte+', '+cmd+', '+selected+', '+selectname+')');
		rteCommand(rte, cmd, selected);
		document.getElementById(selectname).selectedIndex = 0;
	}
}
 
[...]
 
function rteCommand(rte, command, option) {
	//function to perform command
	var oRTE;
	if (document.all) {
		oRTE = frames[rte];
	} else {
		oRTE = document.getElementById(rte).contentWindow;
	}
 
	try {
		oRTE.focus();
		alert('execCommand('+command+', '+option+')');
	  	oRTE.document.execCommand(command, false, option);
		oRTE.focus();
	} catch (e) {
//		alert(e);
//		setTimeout("rteCommand('" + rte + "', '" + command + "', '" + option + "');", 10);
	}
}

Le fait est que je ne peut inverser l'utilisation des guillemets et des apostrophes dans la g�n�ration de ma liste de choix sans causer de probl�mes � l'affichage. Je compte donc trouver un moyen en utilisant des apostrophes.

J'ajoute que le probl�me vient probablement plus de l'espace � l'int�rieur de ma balise que de ma ponctuation car �a ne fonctionne pas nom plus avec une pseudo balise ex: <p c> .

[FrankOVD]

Une autre avenue pour corriger mon probl�me serait de remplacer mon RTE RichText Editor par un autre �diteur WYSIWYG OpenSource qui prend en charge CSS. Vous en avez � proposer?

[BeRoots]

tinyMCE en 100% Js
simple,efficace et valide html comme xhtml...
je l'utilise depuis pas mal de temps. C'est un bon Wysiwyg et en plus il est free
seul hic, si cela devai en �tre un, leur forum est uniquement en anglais

apres tu � celui de Developpez, mais je suis p� sur qu'il soit mise � disposition de ces membres

[FrankOVD]

J'ai effectivement t�l�charg� TinyMCE qui offre amplement plus de fonctionnalit�s. Le seul probl�me constat� est qu'il a une largeur minimum qui ne cadre pas dans ma page mais c'est un d�tail mineur.