JQuery - améliorer ma fonction

Question

J'ai un client qui utilise un éditeur WYSIWYG pour créer de nouvelles pages de site Web. Le problème est que parfois l'éditeur WYSIWYG mis en balises vides p

<p>&nbsp;</p> 

cela a causé des ravages dans la mise en page j'ai donc écrit une petite fonction pour supprimer ces balises vides

$('p') 
.filter(function() { 
    return $.trim($(this).text()) === '' 
}) 
.remove() 

Le problème est maintenant que Lorsqu'une image est insérée dans l'éditeur wysiwyg, elle est incluse dans la balise AP et ma fonction la supprime de l'écran.

Est-ce que ma fonction peut être mise à jour pour autoriser les images ou est-ce que je peux juste rechercher et enlever les balises p vides ???

Merci à l'avance

James

Answer 1

Vous pouvez faire votre filtre également veiller à ce qu'il n'y a pas d'éléments de l'enfant:

$('p').filter(function() { 
    var $this = $(this); 
    return !$this.children().length && $.trim($this.text()) === ''; 
}).remove() 

Answer 2

Vous pouvez essayer d'utiliser des balises div autour des blocs que vous souhaitez supprimer tels que. Dans votre instruction jQuery, vous pouvez ensuite appeler en fonction de l'ID div à la place de tous les paragraphes.

Answer 3

Vous pouvez utiliser le pseudo-sélecteur :empty seulement sélectionner des éléments qui ne disposent pas d'enfants:

$("p:empty").remove(); 

Cependant, si vous avez p éléments avec l'espace blanc et rien d'autre, ils ne seront pas supprimés (parce que :empty traite les nœuds de texte comme des enfants). Vous pouvez donc supprimer les espaces blancs (en utilisant .trim) de vos éléments p avant d'exécuter ce qui précède.

Le problème avec votre méthode actuelle est que les balises comme img ne contiennent pas de texte, de sorte que votre fonction filter pense un élément p contenant seulement un élément img doit être retiré.

Answer 4

$('p').not(':has("img")') 
.filter(function() { 
    return $.trim($(this).text()) === '' 
}) 
.remove() 

JS Fiddle demo.

Answer 5

Comment au sujet de cette

$('p').each(function(){ 
    if($(this).html() == " "){ 
     $(this).remove(); 
    } 
}); 

Démo: http://jsfiddle.net/krVBd/

Answer 6

Il suffit de fixer WYSIWYG, si elle est javascript , sinon, alors corriger au backend pas frontend.