ConvertePxParaEmAHT: Programa que converte arquivos de estilo .css ou trecho de arquivos em unidade de px, pt, em, %

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.

 

 

ConvertePxParaEmAHT_001_Snap 2014-09-04 at 14.13.13

ConvertePxParaEmAHT_002_Snap 2014-09-04 at 14.14.13

ConvertePxParaEmAHT_003_Snap 2014-09-04 at 14.15.36

ConvertePxParaEmAHT_004_Snap 2014-09-04 at 14.18.33

ConvertePxParaEmAHT_006_Snap 2014-09-04 at 14.25.17

ConvertePxParaEmAHT_005_Snap 2014-09-04 at 14.25.01

 

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

 

Deixe uma resposta