Saut de ligne lors de la copie

Version imprimable

Je passe par un bouton copier en JavaScript.
Ce code est le seul qui fonctionne sur le serveur client.

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
29
30
31
32
33
 <!-- Le formulaire condition ELSEIF-->
     <form id="form-copier" >
        <!-- champ de saisie de texte -->
        <textarea class="js-text" id="texte"  cols="80" rows="5"disabled="disabled"><?php echo $_SESSION["Balises2"]?> </textarea>
		<br /><br />
        <!-- Bouton copier -->
        <input type="button" class="js-copytextbtn" value="Copier les balises"/>
    </form>
 
        <script>
            (() => {
                const button = document.querySelector('.js-copytextbtn');
 
                button.addEventListener('click', () => {
                    const text = document.querySelector('.js-text');
                    const range = document.createRange();
 
                    range.selectNode(text);
                    window.getSelection().addRange(range);
 
                    try {
                        if (document.execCommand('copy')) {
                            // alert('Le texte a été copié !');
                            document.location.replace('pagefin.php');
                        }    
                    } catch (err) {
                        alert('Pas possible de copier.');
                    }
                    
                    window.getSelection().removeAllRanges();
                });
            })();
        </script>

Le seul petit soucis, c'est que le texte copié contient un saut de ligne en début du texte et en fin de texte.

Citation:

[ADC_START][SDP][ANNULE][00000000][bdceeb19][11/05/22 10:04][Version_2.02][ADC_END]

Merci

11/05/2022, 11h14
ASCIIDEFOND

Bonjour à tous,

Citation:

Envoyé par wisefun77

Le seul petit soucis, c'est que le texte copié contient un saut de ligne en début du texte et en fin de texte.
Merci

Et avec une expression régulière pour supprimer les sauts de ligne ?

Code:

text.value.replace( /[\r\n]+/gm, "" );

Bonjour ASCIIDEFOND,
Ma ligne de code ne fonctionne pas

Code:

const text = text1.value.replace( /[\r\n]+/gm, "" );

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
 <script>
            (() => {
                const button = document.querySelector('.js-copytextbtn');
 
                button.addEventListener('click', () => {
                    const text1 = document.querySelector('.js-text');
                    const range = document.createRange();
                    const text = text1.value.replace( /[\r\n]+/gm, "" );
                    range.selectNode(text);
                    window.getSelection().addRange(range);
 
                    try {
                        if (document.execCommand('copy')) {
                            // alert('Le texte a été copié !');
                            document.location.replace('pagefin.php');
                        }    
                    } catch (err) {
                        alert('Pas possible de copier.');
                    }
                    
                    window.getSelection().removeAllRanges();
                });
            })();
        </script>

Merci.

Salut wisefun77,

Citation:

Ma ligne de code ne fonctionne pas

Essaie avec ça:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
        (() => {
            const button = document.querySelector('.js-copytextbtn');
 
            button.addEventListener('click', () => {
                const text1 = document.querySelector('.js-text');
                const range = document.createRange();          
                range.selectNode(text1);
                window.getSelection().addRange(range);
 
                try {
                    if (document.execCommand('copy')) {
                        let text = text1.value.replace(/[\r\n]+/gm, "");
                         alert('Le texte a été copié ! '+  text);
                        document.location.replace('pagefin.php');
                    }
                } catch (err) {
                    alert('Pas possible de copier.');
                }
 
                window.getSelection().removeAllRanges();
            });
        })();

Bonjour,

Citation:

Le seul petit soucis, c'est que le texte copié contient un saut de ligne en début du texte et en fin de texte.

ces « carriage return » n’appartiennent pas à ton texte mais sont issus de la façon qu'ont les navigateurs de gérer les Range.

Si tu ne veux pas l'avoir il te faudrait écrire le HTML suivant :

Code:

<form id="form-copier"><textarea class="js-text" id="texte"...>

pour que l'élément <texarea> soir le firstChild de <form> et également le lastChild.

Pour les <texarea> et les <input> il est faudrait plutôt faire :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 button.addEventListener("click", () => { const elemText = document.getElementById("texte"); // supprimer l'attribut disabled si existe const disabled = elemText.getAttribute("disabled"); elemText.removeAttribute("disabled"); // selectionne le contenu elemText.focus(); elemText.select(); // copy document.execCommand("copy"); // réactive l'attribut disabled si existe disabled && elemText.setAttribute("disabled", disabled); // remise focus sur Btn button.focus(); });

12/05/2022, 10h50
wisefun77

Bonjour ASCIIDEFOND,

Merci pour ton aide, mais cela ne fonctionne pas.
Merci beaucoup.

Bonjour NoSmoking,

Merci beaucoup pour ton aide, ton cours, tes infos.
J'ai essayé sans faire de copier coller, pour apprendre le code et le comprendre.
Tout est génial, cela fonctionne.

Merci très sincèrement à tous pour votre patience et aide.