Div contentEditable modifier/retrouver taille fonte

Version imprimable

13/07/2013, 19h55
defacta

Div contentEditable modifier/retrouver taille fonte
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:

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

Ce bouton appelle cette fonction:
Code:

1 2 3 nicCommand : function(cmd,args) { document.execCommand(cmd,false,args); }
Résultat dans la DIV contentEditable:

Code:

Voici du texte

Cela marche mais je ne trouve pas de méthode pour enlever ou pour bouger le tag . 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 d'une DIV content contentEditable ?

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

Merci.
13/07/2013, 22h43
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 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.
14/07/2013, 10h54
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:

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

Ceci appelle donc:
Code:

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 , , que . Cela me va. :)