Carlos Gustavo (The Froskie) Internet, web, www…

Crop ou Substring em Textfield

Quando descobri que poderia fazer isto, realmente senti muita falta da possibilidade no HTML (pra falar bem a verdade, eu é que não sei com 100% de certeza se é possível): eu tenho um textfield ou uma caixa de texto, como queiram. Lá vou exibir um texto que na verdade é parte de um texto, ou resumo. Eu gostaria que no final desta caixa, na última linha, eu pudesse dar um crop ou substring e ficasse uma reticências indicando que há mais texto.

Mas como saber qual a última linha da caixa e inserir a reticências no lugar correto? Não é tão complicado, veja o código:

var texto:String = "Lorem ipsum dolor...";
textField.htmlText = texto;
 
var bottomLine:Number = textField.bottomScrollV-1;
 
var endText:String = textField.getLineText(bottomLine);
var iniText:String = texto.substring(0, texto.indexOf(endText));
 
var novoTexto:String = endText.substr(0, endText.length-11)+"[...]";
 
textField.htmlText = novoTexto;

Vamos analisar o código:

Linhas 1 e 2: Aqui declaramos a variável do texto a ser inserido no textfield.
Linha 4: Pegamos o número da última linha visível do textfield (aqui está o fundamental)
Linha 6: Pegamos o texto da última linha existente no textfield
Linha 7: Separamos o texto antes da última linha, para concatená-lo depois.
Linha 9: Declaramos o novo texto como a concatenção do texto inicial com a última linha tratado com as reticências.
Linha 11: Inserimos novamente o texto no textfield

Voilá! Temos o texto reduzido ao tamanho da caixa. O melhor deste método é que se alterarmos o tamanho da caixa não precisamos mexer neste código, visto que ele trabalha com o tamanho da caixa, não variáveis de tamanho definidas. É isso aí.

Flash e a Webcam