Alternative pour execCommand ('underline');

Question

Bon, certains gars sauront ce que je veux dire et éditeront ma Question mais ils l'ont fait mal.

Une meilleure explication:

Vous avez un div contenteditable avec le texte This is a Test String.. Si vous utilisez maintenant la execCommand('underline') sur Test String vous obtenez This is a <u>Test String</u> si vous utilisez maintenant la execCommand('strikethrough') sur is a Test vous obtenez This <s>is a <u>Test</u></s><u>String</u>, cela est exact. Donc, en HTML5 <u> et <s> sont obsolètes. Pour la première execCommand, vous pouvez utiliser le surroundContents() avec un <span style="text-decoration:underline;">. Si vous utilisez maintenant le surroundContets() pour le deuxième execCommand vous recevez le BAD_BOUNDARYPOINTS_ERR. La chose que je veux est une fonction qui fonctionne comme le execCommand dans ce cas mais avec des fonctions où je peux définir avec HTML-Tag la chaîne sera enveloppée ... (Il devrait être intelligent dans le cas où il y a un chevauchement ...)

Answer 1

Le surroundContents() aura des problèmes: si la sélection comprend des éléments de bloc multiples, tels que <div> s ou <p> s, le contenu entouré seront placés dans un nouveau bloc, brisant hors de sa position initiale. Pour remédier à cela, vous pouvez facilement adapter ma réponse ici: apply style to range of text with javascript in uiwebview

Vous aurez besoin de faire ce qui suit:

• Créer une classe CSS avec la règle « text-decoration: underline; »
• Ajouter une méthode intersectsNode de Range pour les navigateurs qui ne l'ont pas, comme Firefox (voir MDC pour un exemple: https://developer.mozilla.org/en/DOM/range.intersectsNode)
• Si vous vous souciez de IE, vous aurez besoin d'écrire une solution complètement différente.

Answer 2

CSS text-decoration: underline.