Ir ao conteúdo
  • Cadastre-se
DiF

Botão code<>: como e para que usar?

Recommended Posts

Botão CODE(<>) do Fórum.

Olá, resolvi criar esse tópico para ensinar a utilizar o recurso CODE e para mostrar sua importância.

Por que utilizar?

Utilizamos o botão CODE "<>" para separar textos normais de códigos (blocos de programação) a fim de evitar que se confunda texto com código. 

 

Além disso, ao postar um código diretamente sem o uso do botão, assim que copiarem e colarem na IDE, ele acusa erros. Isso acontece porque é inserido caracteres fantasmas no código afim de "tentar" manter a tabulação. 

 

Por tanto,  é altamente recomendado que poste SEMPRE os códigos usando o botão CODE, isso permite que os códigos fiquem legíveis, sem perigo de caracteres fantasmas serem inseridos!



Exemplo de tópico com código sem o botão CODE:
 

$('.telefone').bind('keydown', soNums);

function soNums(e) {

  // teclas adicionais permitidas
  // (tab,delete,backspace,setas direita e
  // esquerda)
  keyCodesPermitidos = new Array(8, 9, 37, 39, 43, 46,107);

  // numeros e 0 a 9 do teclado alfanumerico
  for (x = 48; x <= 57; x++) {
    keyCodesPermitidos.push(x);
  }

  // numeros e 0 a 9 do teclado numerico
  for (x = 96; x <= 105; x++) {
    keyCodesPermitidos.push(x);
  }

  // Pega a tecla digitada
  keyCode = e.which;

  // Verifica se a tecla digitada é permitida
  if ($.inArray(keyCode, keyCodesPermitidos) != -1) {
    return true;
  }
      return false;
}

 
O mesmo exemplo usando botão CODE:
 

$('.telefone').bind('keydown', soNums);

function soNums(e) {

  // teclas adicionais permitidas
  // (tab,delete,backspace,setas direita e
  // esquerda)
  keyCodesPermitidos = new Array(8, 9, 37, 39, 43, 46,107);

  // numeros e 0 a 9 do teclado alfanumerico
  for (x = 48; x <= 57; x++) {
    keyCodesPermitidos.push(x);
  }

  // numeros e 0 a 9 do teclado numerico
  for (x = 96; x <= 105; x++) {
    keyCodesPermitidos.push(x);
  }

  // Pega a tecla digitada
  keyCode = e.which;

  // Verifica se a tecla digitada é permitida
  if ($.inArray(keyCode, keyCodesPermitidos) != -1) {
    return true;
  }
    return false;
}


Melhora-se a leitura além de respeitar a tabulação do código original.
 
Como utilizar?
A utilização é realmente bem simples. Clicamos no ícone de código no painel como na imagem abaixo:

8aXh7vC.png

 

Assim que clicar irá abrir uma janela como esta:

H9U4imW.png

 

Esta é onde você vai colar seu código.

Notem que no canto direito(destacado em vermelho) tem uma lista de linguagem que você pode selecionar, onde elas darão cores as variáveis melhorando a visualização. 

 

Para linguagens que não estão na lista, alterne as opções até encontrar uma que colora tudo. Na maioria das linguagens selecionando a  linguagem  C funciona.

 

Espero que tenham entendido como utilizar e qual sua importância para mantermos o fórum limpo e organizado.
 
Abraços!

  • Curtir 4

Compartilhar este post


Link para o post
Compartilhar em outros sites
Visitante
Este tópico está impedido de receber novos posts.





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×