Discussion :

[mesken]

J'utilise l'éditeur CKEditor et j'entre plusieurs pages avec le saut de page de CKEditor comme délimiteur entre les pages. Si donc j'entre par exemple 10 pages, j'aimerai récupérer toutes ces pages dans un tableau, mais je n'arrive pas. Je suis tombé sur le script suivant :

Code :

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

1
2
3
4
5
6
7
var chaine="Jean-Paul, Arthur ; Léon, Marcel ; Paul";
var reg=new RegExp("[;]+", "g");
document.write("Chaîne d'origine : " + chaine + "<BR>");
var tableau=chaine.split(reg);
for (var i=0; i<tableau.length; i++) {
	document.write("tableau[" + i + "] = " + tableau[i] + "<BR>");
}

Ce code utilise le point virgule ; comme délimiteur, mais dans mon cas, lorsque je vais dans le code source du navigateur, je me rend compte que le délimiteur c'est <div style="page-break-after: always;"><span style="display: none;">&nbsp;</span></div>
ce qui ne s'adapte pas à mon script ci dessus puisque quand je fais un

Code :

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

var reg=new RegExp('[style="page-break-after: always;"><span style="display: none;">&nbsp;</span></div>]+', 'g');

ça ne marche pas

Quelqu'un a-t-il une idée ?

merci

[SpaceFrog]

si tu utilises les crochets [] , ce qui est entre le crochet est l'ensemble des caractères autorisés peu importe l'ordre la reg matche un de caractères.
Tu cherches à matcher une chaine complète, une suite ...

Code :

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

var reg=new RegExp('<div style="page-break-after: always;"><span style="display: none;">&nbsp;</span></div>', 'g');

[mesken]

OK, mais là il n'effectue pas l'opération voulu, lorsque je sais dans l'editeur

Pierre

Jean

Paul

séparés par un saut de page, je fais un alert(maVariable), j'obtient ceci

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<p>
	&nbsp;</p>
<p>
	Pierre&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Jean&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Paul</p>

Ce qui fait que selon mon code, il devrait m'afficher ceci
tableau[0]=Pierre
tableau[1]=Jean
tableau[2]=Paul
mais il affiche plutôt ceci :

tableau[0] =
Pierre

Jean

Paul

montrant que la séparation n'a pas marché

[mesken]

Par rapport a l'objet regexp, j'ai vu que \f correspond à un saut de page mais je ne sais comment l'utiliser

[SpaceFrog]

Une solution:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div id="foo">
<p>
	&nbsp;</p>
<p>
	Pierre&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Jean&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Paul</p>
</div>
<script type="text/javascript">
reg=new RegExp("([^>]+)(&nbsp;)?</p>","gi")
chaine=document.getElementById('foo').innerHTML
tabnom=new Array()
while(reg.exec(chaine)){
tabnom.push((RegExp.$1.match(/^([^&]+)(&nbsp;)?/)[1]))
}
alert(tabnom)
</script>

Ou vu que nous sommes dans le forum jquery

Code :

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

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
<div id="foo">
<p>
	&nbsp;</p>
<p>
	Pierre&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Jean&nbsp;</p>
<div style="width: 1566px; page-break-after: always; ">
	<span style="display: none;">&nbsp;</span></div>
<p>
	Paul</p>
</div>
<script type="text/javascript">
$(function(){
tabnom1=new Array()
$.each( $('p').not(':empty'),function(){
					tabnom1.push($(this).html().match(/^([^&]+)(&nbsp;)?/)[1])
		})
 
		alert(tabnom1)
})
 
</script>

[mesken]

Merci beaucoup SpaceFrog, je commence à comprendre un peu comment ça marche, mais il y a un petit problème, c'est que ton script ci-dessous, exclu mes balises html puisque tu t'es basé uniquement sur l'example que j'ai pris. En fait ce que je veux c'est ceci :

J'utilise un éditeur et ce qu'il me renvoi c'est du pur hmtl que je mets dans la bd, jusque là, je n'ai pas de problème, mais le pb c'est que un utilisateur peut enregistrer un long document de 20 pages par exemple et ce document ne doit pas être afficher en bloc, c'est pourquoi l'éditeur donne la possibilité d’insérer un saut de page après chaque page, ce qui permet de pouvoir les délimiter.
Moi donc j'ai besoin de récupérer le document et l'afficher page par page à l'utilisateur avec le bouton Précédent et Suivant. Pour cela je dois mettre ce contenu dans un tableau page par page et je l'affiche avec Précédent et Suivant. Pour faire ça, j'ai besoin de connaitre le délimiteur qui me permettra de savoir où une page commence et où elle s'arrête.
Je me suis donc rendu compte que le délimiteur de l'éditeur c'était ceci <div style="page-break-after: always;"><span style="display: none;">&nbsp;</span></div>

Donc j'ai besoin d'un script qui, quelque soit le contenu de ma chaîne de caractère, me met chaque partie ou page dans un tableau en ayant pour délimiteur ceci, ou alors avant d'enregistrer dans la bd, je remplace leur délimiteur par un chaîne personnalisée de la sorte monDelimiteurDePage et je préfère même cette option, là ce sera facile pour moi à récupérer et afficher dans le tableau page par page avec mon premier script ci-dessus.

Donc un script qui remplace uniquement toutes les occurrences de <div style="page-break-after: always;"><span style="display: none;">&nbsp;</span></div> par monDelimiteurDePage me suffirait largement et moi je ferai la suite.

Merci

[mesken]

Même quand j'utilise php pour faire ceci

Code :

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

$maChaine=str_replace('<div style="page-break-after: always;"><span style="display: none;">&nbsp;</span></div>','monDelimiteurDePage',$maChaine);

ça ne marche pas.

Pourquoi les fonctions de chaines ne marche pas avec du html pur ? Comment spécifier que le html soit considérer comme une simple chaîne

[mesken]

J'y arrive toujours pas

[joker69666]

Je ne suis pas sur d'avoir bien compris la demande mais pourquoi ne pas utiliser du php la fonction implode peu peut être t'aider non? http://php.net/manual/fr/function.implode.php

D'accord excusez moi donc d'avoir mal compris le problème

[SpaceFrog]

Peut être simplement parce que php ne peut rien faire coté client

[mesken]

Effectivement, mais comme je communique avec php par JSON et j'utilise php pour enregistrer dans la BD, j'ai abandonné le projet de le faire dans jQuery, je le fais plutôt dans php avant d'enregistrer dans la BD et la fonction explode marche