enlever les tag html

Version imprimable

Bonjour,

j'ai une fonction qui compte les caractères.
si je rajoute cette ligne

Code:

1
2
 
var txt=txt.replace(#<\/?(span|strong|em|u|).+?>#gi, '');

elle plante!
Code la fonction.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
var max=150;
function compter(f) {
	var txt=f.presentation_galerie.value;
//var txt=txt.replace(#<\/?(span|strong|em|u|).+?>#gi, '');
	var nb=txt.length;
	if (nb>max) {
                 nb=nb-1;
		alert("Pas plus de "+max+" caractères dans ce champ");
 
		f.presentation_galerie.value=txt.substring(0,max);
 
	}
	f.nbcar.value=max-nb;
}

Merci pour votre aide

13/03/2011, 16h09
hakurou

Salut,

Tu dois faire du php toi nan? A cause des # dans ton expreg :p

Remplace les par des slash et ça se passera mieux.
13/03/2011, 17h59
anca2

Merci pour ta réponse
Oui plutôt php.
j'ai corrigé.

Mais il compte le tag et tout ce qui se trouve dans le tag .
Cela veut dire que si le texte est :
texte au lieu que de compter le mot texte il compte aussi et cela veux dire qu'il reste toujours 150 caractères!
Cela se produit que pour les tags déclarés dans la fonction replace(/<\/?(span|strong|em|u|).+?>/gi, '')

Y a t-il une solution
13/03/2011, 18h25
SpaceFrog

on peut avoir un exemple de texte à épurer ?
13/03/2011, 19h11
anca2
J'utilise whizzywig

J'arrive en 2 passes à compter le nombre de caractères mais il compte aussi les tags.
Si j'arrive à enlever les tags …..

Si dessous les tags les plus courant
Code:

1 2 3 4 5 6 7 Texte Texte Texte Texte
Si l'on pouvait enlever l'espace insécable   cela serait bien

Et le tag couleur aussi
Code:

1 2 Texte 
en fait, tout entre < et >

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type ='text/javascript'>
function foo(){
var chaine=document.getElementById('bar').innerHTML
alert('avant supression des tags '+chaine.length)
var texte= chaine.replace(/<\/?(p|em|strong|u|span)[^>]*>/gi,'')
alert('avant supression des tags '+texte.length)
}
</script>
</head>
 
<body>
<div id="bar">
<p>Texte </p>
 
<strong>Texte</strong>
 
<em>Texte</em>
 
<u>Texte</u> 
<span style="color: #ff0000">Texte</span>
</div>
<input type='button' onclick='foo()' value="go" />
</body>
 
</html>

13/03/2011, 22h58
anca2

Merci, cela fonctionne, pas parfaitement mais suffisamment pour compter.
Si l'on peut enlever l'espace insécable   cela améliorerait le comptage.

Dans tout les cas merci.

tu peux aussi utiliser la fonction innerText, ou textContent pour IE, qui sont faite pour ça. Pour les   il te faut une expression régulière

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type ='text/javascript'>
function foo(){
    var el = document.getElementById('bar'),
    length = el[el.innerText ? 'innerText' : 'textContent']
        .replace(/^\s*|\s*$/g, '')
        .replace(/\s{2,}/g, '').length;
    alert(length);
}
</script>
</head>
 
<body>
<div id="bar">
 
<p>Texte&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fdfdf &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rfrf</p>
    <div>
        <strong>Texte   </strong>
 
        <em>Texte&nbsp;</em>
 
        <u>Texte</u>
        <span style="color: #ff0000">Texte&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    </div>
</div>
<input type='button' onclick='foo()' value="go" />
</body>
 
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<script type ='text/javascript'>
function foo(){
var chaine=document.getElementById('bar').innerHTML
alert('avant supression des tags '+chaine.length)
var texte= chaine.replace(/(<\/?(p|em|strong|u|span)[^>]*>)|(\s+)|(&nbsp;)*/gi,'')
alert('avant supression des tags '+texte.length)
}
</script>
</head>
 
<body>
<div id="bar">
<p>Texte&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;fdfdf &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;rfrf</p>
    <div>
        <strong>Texte   </strong>
 
        <em>Texte&nbsp;</em>
 
        <u>Texte</u>
        <span style="color: #ff0000">Texte&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
    </div>
</div>
 
<input type='button' onclick='foo()' value="go" />
</body>

14/03/2011, 09h43
Loceka

Tu as un "ou" en trop :

Citation:

Envoyé par anca2

replace(/<\/?(span|strong|em|u|).+?>/gi, '')
14/03/2011, 22h09
anca2

Bonsoir,

Merci à tous, je n'ai que l'embarras du choix pour les réponses qui par ailleurs sont toutes pertinentes.

L'affaire est résolue. :ccool: