Discussion :

[keokaz]

Bonjour je ne comprends pas bien cette erreur .

NS_ERROR_FAILURE: Failure

j'ai un bouton à cliquer pour injecter la balise h1

Code html :

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

'<button data-value="h1" data-tag="heading">h1</button>' +

Code html :

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

<p id="wysi">editer moi</p>

j'ai un switch pour déterminer quel bouton on a cliqué

Code :

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

1
2
3
4
5
switch(tag)
{
    case 'heading':
        var tag = this.getAttribute('data-tag');
}

pour mon test j'ai directement écrit ceci

Code :

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

document.execCommand('formatBlock', false, 'h1');

avant cette commande je suis obligé de bloquer l'événement, sinon
il valide le formulaire et passe dans une autre page .

Code :

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

1
2
e.preventDefault();//ne pas valider traiter le forumulaire
 document.execCommand('formatBlock', false, 'h1');

Mon problème c'est que cela ne fonctionne pas ,
et le texte que j'ai sélectionner ne se met pas en titre h1
et j'ai cette erreur

NS_ERROR_FAILURE: Failure
[Stopper sur une erreur]

document.execCommand('formatBlock', false, 'h1');

j'ai essayé une autre solution

Code :

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

1
2
3
4
5
6
7
case 'heading':
    var balise = this.getAttribute('data-value');
    var selction_mouse = document.getSelection();
    //     e.preventDefault();//ne pas valider le  formulaire
    document.execCommand("insertHTML", false, "<"+balise+">" + document.getSelection() + "</"+balise+">");
    alert($('#wysi').html());
    break;

en sélectionnant "moi" , et en cliquant sur H1, il est devenu un titre mais par contre, je ne peux pas l'éditer, il est sortie du flux contenteditable ?

du coup l'alert devient

Code :

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

editer

au lieu de

Code :

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

editer <h1>moi</h1>

comment je peux m'en sortir.
merci de votre réponse

[JérémieL]

Bonjour,

L'exception de type NS_ERROR_FAILURE survient sous Firefox si le bloc édité (ici p#wysi) n'est pas contenu dans un élément éditable. En faisant comme suit ça fonctionne :

Code html :

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

1
2
3
<div contenteditable="true">
  <p id="wysi">editer moi</p>
</div>

[keokaz]

merci beaucoup en mettrent le text dans une div cela fonctionne

Code html :

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

 <div id="wysi">editer moi</div>