ConvertePxParaEmAHT é um programa que converte arquivos de estilo .css inteiros ou trecho de arquivos inseridos em um campo de entrada de texto em unidade de px, pt, em, %

O programa utiliza Regex (expressoes regulares) pré-definidas ou definido pelo próprio usuário, para procurar um determinado texto com um numero e em seguida extrai os numéros da cadeia encontrada e faz alguma operação matemática com esse número e adiciona uma nova unidade a esse número e substitui a cadeia original encontrada por essa nova cadeia calculado e editada.

Por padrão, o programa vem com as seguintes conversões abaixo, podendo o usuário criar novos padrões de conversões desejados:

1. Converter de % para em
2. Converter de % para pt
3. Converter de % para px
4. Converter de em para %
5. Converter de em para pt
6. Converter de em para px
7. Converter de px para %
8. Converter de px para em
9. Converter de px para  pt

 

 

Exemplo para o campo ‘Procurar’:

\d+\.?\d*px

Onde:
\d+ representa UM ou MAIS digitos,
\.? = zero ou um ponto,
\d* = ZERO ou MAIS digitos,
px = a unidade de medida final que irá aparecer no texto convertido

 

Exemplo para o campo ‘Substituir por:’

$1/16em

Onde
$1 representa o que vai ser substituido,
/16 representa divido por 16,
em representa a unidade final

Para esse campo, somente o $1 é utilizado como Regex que representa o texto encontrado pela regex do campo ‘Procurar’, qualquer outro simbolo de regex escrito nesse campo ‘Substituir por’ não é interpretado pelo programa como regex
Ao invés disso, o programa utiliza o numero encontrado pela regex do campo ‘Procurar’ e faz operações matemáticas simples com esse número.

Exemplos de operações matematicas que o programa realiza:

• $1+300em (Pega o numero encontrado pela regex do campo ‘Procurar’ e soma 300 a esse número e adiciona a unidade de medida em)
• $1-20em (Pega o numero encontrado pela regex do campo ‘Procurar’ e subtrai 20 desse número e adiciona a unidade de medida em)
• $1*4em (Pega o numero encontrado pela regex do campo ‘Procurar’ e multiplica por 4 esse número e adiciona a unidade de medida em)
• $1/2em (Pega o numero encontrado pela regex do campo ‘Procurar’ e divide por 2 esse número e adiciona a unidade de medida em)

 

Regex – Expressoes regulares utilizadas no campo ‘Procurar’

? = zero ou um
* = zero ou mais
+ = um ou mais
. = qualquer caracter
\\w = letra ou digito ou _
\\d = digito
\\s = espaco em branco

[a-zA-Z] = letras sem acentos
((ab)|(cd))gif = procura abgif e cdgif
a{3} = procura aaa
^a = procura palavra que comeca com a
a$ = procura palavra que termina com a

OBSERVAÇÃO / DICA: Com base nesse breve conhecimento de Regex(Expressões Regulares), você pode criar novos padrões de conversão de qualquer unidade para qualquer unidade que você desejar, bastando apenas:

• escrever um novo nome para a nova conversão no campo ‘Descricao para o Save’,
• colocar a Regex correta no campo ‘Procurar’ para achar o numero e a unidade que você deseja que seja convertida e
• colocar no campo ‘Substituir por’ a expressão aritmética simples de uma operação apenas e uma unidade de medida para que apareça no texto convertido.

 

 

 

by André Hiroshi Tanaka
Tanaka Tecnologia da Informação LTDA
www.andretanaka.com.br
andrehtgti2@gmail.com