Comment définir TextArea hauteur de son contenu en hauteur

J'ai une mx:TextArea et je veux que sa hauteur soit la même que la hauteur de son contenu. Il n'y a rien de compliqué, juste une zone de texte et du texte qui n'est pas modifiable. J'ai besoin d'une manière simple et fiable pour le contrôle de l'ajustement et de montrer tout le texte sans défilement vertical - quelque chose comme auto redimensionnement. Aussi mon texte du contrôle sera définie qu'une seule fois et ne changera pas car il ne sera pas modifiable.

<mx:TextArea id="myTextArea"
             editable="false"
             width="100%"
             verticalScrollPolicy="off" >
   <mx:text>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id lorem 
      quis ante pulvinar auctor at eget risus. Nulla facilisi. Morbi ultricies 
      dignissim lorem, quis suscipit felis ullamcorper et.
   </mx:text>
</mx:TextArea>

Il y a un poste plus ici sur le même sujet, mais il n'est pas pertinent pour moi parce que la configuration est beaucoup plus compliqué, car il comprend de style et de liaison.

Double Possible de: stackoverflow.com/questions/5672402/...

OriginalL'auteur Branislav Abadjimarinov | 2010-06-21

  1. 3

    Utiliser le textHeight propriété en lecture seule de la TextArea, et de définir la hauteur de la TextArea être TextArea.textHeight + quel que soit le remplissage vertical de la TextArea utilise plus la hauteur du haut et du bas frontières (examiner la TextArea composant et la figure des personnes). Ce processus devrait se faire dans un gestionnaire de vous ajouter à la change événement pour le TextArea.

    note pour les autres: textHeight biens qui ne sont pas disponibles sur les composants spark. Au lieu de cela, il suffit de définir TextArea propriété heightInLines={NaN} en mxml (ou =NaN en AS3). Voir: blog.flexexamples.com/2010/01/18/...

    OriginalL'auteur Robusto

  2. 3

    Utiliser le code suivant si vous désirez conserver l'étincelle zone de texte composant:

    <s:TextArea 
   id="myTextArea"
   editable="false"
   width="100%"
   verticalScrollPolicy="off"
   change="myTextArea.height = myTextArea.scroller.viewport.contentHeight + 2;">
    <s:text>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id lorem 
        quis ante pulvinar auctor at eget risus. Nulla facilisi. Morbi ultricies 
        dignissim lorem, quis suscipit felis ullamcorper et.
    </s:text>
</s:TextArea>

    Ou vous pouvez mettre le changement de gestionnaire dans une fonction.

    Cela ne fonctionne pas sur Mobile à l'aide du Texte HTML.
    Il ne fonctionne pas, même en normal projets lorsque le texte est défini par le code. Je suggère d'adapter la hauteur sur updateComplete événement.
    attribut change fonctionne très bien 🙂
    updateComplete également travaillé beaucoup.

    OriginalL'auteur stickboywarren

  3. 0

    J'ai beaucoup de succès avec Jack Moore Autosize script. Il est léger et peut être mis en œuvre sur l'ensemble de vos zones de texte avec une seule ligne: autosize($('.MyTextAreaClass'));

    OriginalL'auteur Michael Romrell

  4. -1

    Je suggère de jouer avec "wordWrap=true" en plus du défilement de la politique.

    Non, ce n'est pas ça. Word wrap ne transmettra le texte d'une nouvelle ligne si elle dépasse la largeur du conteneur.

    OriginalL'auteur phtrivier