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

[DiF]

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 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;
}

 

 

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:

 

Assim que clicar irá abrir uma janela como esta:

 

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!