Discussion :

[Beginner.]

Salut,

Comment détecter "un retour à la ligne" (qui a lieu lorsque la ligne est plus large que la largeur du conteneur) ?

Ou plutôt comment savoir si la largeur d'une ligne de texte va dépasser la largeur du conteneur et à quel endroit du texte ?

Je me suis dis qu'on pourrait obtenir la largeur d'une ligne de texte à partir de la largeur d'un caractère (qu'on multiplierait par le nombre de caractère de la chaine) mais cela supposerait que tous les caractères (pour un police donnée) aient la même largeur or je crois que cela n'est pas le cas, ou je me trompe ?

Merci.

[danielhagnoul]

https://javascript.developpez.com/fa...pt#tailleTexte

Finalité, but de :

Comment détecter "un retour à la ligne" (qui a lieu lorsque la ligne est plus large que la largeur du conteneur) ?

[Beginner.]

Salut,

Merci.

Ok avec cette méthode il faut insérer le texte dans le DOM (je me demande si on peut l'éviter notamment lorsqu'on a affaire à plusieurs longues lignes) et (à moins que je me trompe) on ne peut pas savoir où la (ou les) coupures (retours à la lignes) se font... Mais peut-être qu'il y a moyen de faire cela en ajoutant des choses à cette base...

Est-ce qu'il existe des polices dont tous les caractères ont la même largeur ? J'ai l'impression que dans les éditeurs de code les caractères ont la même largeur ?

Bon, à approfondir...
Ce n'est pas urgent, j'y reviendrai peut-être plus tard...

[SpaceFrog]

Si tu avais lu le post ..

à moins d'utiliser une police à espacement constant

Il faut également prendre en compte la césure...

[Beginner.]

Salut,

Si si, j'avais bien lu et plusieurs fois en plus... J'ai même mis dans mes marque-pages les fils suivants :

- [FAQ] determiner la longueur d'un texte
- Calcul de la largeur en pixel d'un caractère d'1em de large tel qu'affiché sur l'écran du visiteur
- Résolution écran en dpi

En fait j'avais compris qu'il existait des polices à espacement fixe mais je voulais une confirmation et éventuellement une listes de ces polices et aussi la confirmation que c'est ce type de police qui est utilisé dans les éditeurs de code car parfois je vois des polices comme verdana qui n'en est pas une je crois...

Pour moi un des intérêts de ce type de police c'était justement de pouvoir calculer rapidement la largeur d'un texte (sans l’insérer dans le DOM) et savoir où se font tous les retour de ligne... Mais quand j'ai fait des recherches j'ai vu que c'était surtout le positionnement du curseur qui était mentionné (oui parce que certains éditeur font leur propre curseur)...

Mais je ne suis pas sûr de comprendre pourquoi faire son propre curseur et en même temps utiliser contentEditable ou designMode puisque dans ce dernier cas on a déjà un curseur gérer par le navigateur... Bon c'est vrai que j'ai remarqué que c'était plus lent avec contentEditable...

A suivre...