1. #1
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    983
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 983
    Points : 1 095
    Points
    1 095

    Par défaut Comment détecter "un retour à la ligne" ?

    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.

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    février 2009
    Messages
    5 761
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : février 2009
    Messages : 5 761
    Points : 21 160
    Points
    21 160
    Billets dans le blog
    39

    Par défaut



    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) ?

    Blog



    Nota bene : si vous devez être compatible avec les navigateurs obsolètes (IE8 et plus), vous devez convertir les codes ES2015 en ES5 avec Babel.

    FAQ JS Tutoriels JS

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    983
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 983
    Points : 1 095
    Points
    1 095

    Par défaut

    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...

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    mars 2002
    Messages
    37 577
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 67
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : mars 2002
    Messages : 37 577
    Points : 64 053
    Points
    64 053
    Billets dans le blog
    1

    Par défaut

    Si tu avais lu le post ..
    à moins d'utiliser une police à espacement constant
    Il faut également prendre en compte la césure...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag


    réalisations :www.oxygen-translations.com|www.saftair.com| www.ouestisol.fr | www.sistac-alizay.fr | www.acoustishop.fr | www.litt.fr | www.ouestventil.fr
    Humour

  5. #5
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    octobre 2011
    Messages
    983
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : octobre 2011
    Messages : 983
    Points : 1 095
    Points
    1 095

    Par défaut

    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...

Discussions similaires

  1. Comment détecter la fin d'une ligne en C ?
    Par radouane_as dans le forum Débuter
    Réponses: 10
    Dernier message: 08/06/2007, 19h13
  2. Réponses: 2
    Dernier message: 05/01/2007, 05h07
  3. [textarea] comment reconnaitre les retour à la ligne?
    Par khokho dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 29/11/2006, 15h00
  4. Comment éviter un retour à la ligne dans un dfm ?
    Par Ouillade dans le forum Langage
    Réponses: 3
    Dernier message: 24/10/2005, 23h53
  5. [cr 8.5] comment exploiter les données d'un "array"
    Par kikidrome dans le forum SAP Crystal Reports
    Réponses: 12
    Dernier message: 09/06/2005, 15h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo