Discussion :

[defacta]

Bonjour,

J'ai une DIV qui est contentEditable avec 14px comme font size par défaut. La font size par défaut peut être changée dans une partie des préférences des utilisateurs (13-15px).

J'ai ajouté un bouton pour changer la taille du texte sélectionné.

Code :

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

nicEditors.findEditor('myInstance1').nicCommand('fontSize', '5');

Ce bouton appelle cette fonction:

Code :

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

1
2
3
nicCommand : function(cmd,args) {
  document.execCommand(cmd,false,args);
}

Résultat dans la DIV contentEditable:

Code :

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

<font size="5">Voici du texte</font>

Cela marche mais je ne trouve pas de méthode pour enlever ou pour bouger le tag <font>. Donc j'ai essayé de mettre null, 0, -1, 2 ou 3 comme argument dans nicCommand mais le résultat diffère tout le temps du reste.

Y a t'il un moyen pour enlever ou pour bouger le tag <font> d'une DIV content contentEditable ?

Pour bouger dans ce cas:: On peut avoir ceci <font size="5">Quelque chose est contrôlé par un chat.</font>. L'utilisateur sélectionne "Quelque chose est" pour enlever"Quelque chose est" de <font size="5">. Dans ce cas <font size="5"> doit être placé après "est".

Merci.

[Watilin]

Salut,

sans vouloir influencer ton jugement, document.execCommand est une fonctionnalité introduite il y a longtemps par Microsoft, au moins 10 ans à en juger par [ a href="https://developer.mozilla.org/en-US/docs/Rich-Text_Editing_in_Mozilla#Resources"]cette page[/a]. Et la balise <font> est invalide en XHTML et HTML5…

Pour avoir essayé deux-trois fois cette fonctionnalité, j'ai remarqué que la position des balises ajoutées est assez difficile à maîtriser, et je pense que ça peut varier d'un navigateur à l'autre. En utilisant un script de ton cru au lieu de faire confiance au navigateur, tu seras à la fois sûr de la façon dont les balises sont insérées ou supprimées, et que le balisage reste valide.

[defacta]

Il y a une option de document.execCommand que je n'avais pas vu et qui fonctionne avec Firefox, Chrome et IE, removeformat:

Code :

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

nicEditors.findEditor('myInstance1').nicCommand('removeformat', null)

Ceci appelle donc:

Code :

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

1
2
3
nicCommand : function(cmd,args) {
  document.execCommand(cmd,false,args);
}

removeformat permet d'enlever tous les tags de la sélection. Cela enlèvera autant <b>, <i>, <u> que <font>. Cela me va.