Como adicionar cor apenas aos comentarios nos scripts???

Detalhes da dúvida

Versão do fórum : Invision
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Endereço do fórum : http://schultzgames.forumeiros.com/

Descrição do problema

Olá, trabalho muito com scripts no meu site ( MUITO MESMO )

acabei de criar um novo tópico e tem vários trechos de scripts nele.

http://www.schultzgames.com/t77-tutorial-criar-um-array-lista-de-objetos#150

gostaria de deixar tudo como está, a fonte como está, size da letra como está. más dar uma cor diferente aos comentários no script.

ex:

Código:


function Update (){ } // é atualizada a cada frame


esta linha

// é atualizada a cada frame

teria que ter uma cor diferente. como faço isso?

ou sem possivel, colorir todo o script, diferenciando funçoes, int, float, etc, etc ( más sem mudar o size da letra )

Saudações autor!

A sintaxe genérica é:

Código:

echo "^[[#m<texto>"

Onde: ^[ é um caracter especial produzido pressionando Crtl-v e, em seguida, Esc;

O hash (#) é substituído por um número, dependendo do tipo de efeito que voce pretende adicionar ao seu texto;

O segundo [ e a letra m são caracteres normais;

Sendo assim, a sequencia:

Código:

  echo "^[[33mTestando apenas^[[0m"

Ira mostrar o texto Testando apenas em amarelo

Enquanto a sequencia:

Código:

echo "^[[31m^[[1mTestando apenas^[[0m"

Ira mostrar o texto Testando apenas em vermelho e negrito (um vermelho um pouco mais forte)

Para imprimir o resultado de uma variável, basta definí-la corretamente e não permitir que o comando echo a interprete. Assim, segue um exemplo de como imprimir a variável TESTE com fundo azul, texto vermelho, negrito e sublinhado:

Código:

TESTE="Testing Only"
  echo "^[[4m^[[1m^[[44m^[[31m${TESTE}^[[0m"

Neste exemplo, alem de formatar o texto, também delimitei o início e fim do nome da variável com {} - isso para evitar qualquer erro de interpretação pelo echo e pelos caracteres especiais.

Note que eu sempre termino com a sequencia ^[[0m. Esse é o código passado ao echo que irá retornar seu cursor ao estado "normal", ou seja, como estava previamente (sem cores).

Abaixo anexo uma pequena tabela C de várias cores e formatos. Existem mais códigos, mas esse são os que eu mais utilizo. Sugiro que, se houver tempo e disposição, você descubra as outras combinações e possibilidades...

Note que alguns comandos nativos do Unix, como cat e pg, por exemplo, já mostram o resultado formatado, ou seja, colorido. Outros comandos, como more irão mostrar o código completo. O interessante, aqui, é notar que no último exemplo (com variável), o cat naquele script exibira:

Código:

TESTE="Testing Only"
echo "${TESTE}"

Onde o texto ${TESTE} já será mostrado colorido.

Mas note também que um simples (e famoso) Crtl-c dessa sequência, seguido de Ctrl-v no vi não irá funcionar. Isso porque os caracteres ^[ são especiais e não um texto puro. Assim, é necessário que eles sejam "passados" para o vi como tal... copiar o arquivo, ou fazer um cat dele direcionar a saida para outro arquivo, no entanto, funcionam perfeitamente.

Atenciosamente,
Hakuouki

No caso eu gostaria que o efeito afetasse todos os membros, por ex, você clica ali em adicionar codigo, e o membro adiciona um codigo. este codigo deverá ter uma cor diferente depois que aparecer // más deve voltar ao normal caso ocorra linha nova

algo parecido com isso

https://ajuda.forumeiros.com/t95414-como-colocar-cor-automatica-nos-codigos

más que não altere o tamanho da fonte

O efeito do código do tópico que você me indicou faz tudo isto, mas altera o tamanho da fonte, é isto?

S, más deixa o script " irregular " por assim dizer. como se em functions a fonte fosse para 12, e em palavras ficasse em 11.5

o efeito de troca de cores é bom, más por ex, linhas comentadas pulam para a linha de baixo quando acaba o espaço, e isso não pode acontecer.

por ex:


//comentario nesta linha

isto pode


//comentario nesta
linha

isto não pode

teria que ser adicionado uma barra de rolagem ou algo assim para não pular de linha, ou não alterar o valor da fonte

Nao tem como adicionar uma barra de rolagem ns codebox?

@MarcosSchultz

Eu até achei que tinha entendido o que você queria, mas em seguida vi postagem com códigos PHP ou seja lá o que for, mesmo assim, dê uma olhada neste tutorial que eu fiz:
https://ajuda.forumeiros.com/t93957-tutorial-opcao-syntax-highlighter

É dessa forma que utilizamos aqui...

---

Edit:
Ou se ainda desejar só alterar a cor dos comentários, pode utilizar esse código que eu fiz:

Código:


jQuery(function() {
   var oTarget = jQuery('.postbody .content .codebox'),
      iLen = oTarget.length,
      index = 0;
   for (; index < iLen; index++) {
      var oThis = jQuery(oTarget[index]);
      // console.log(/(\/\/(.*?)[A-Za-z0-9\u00C0-\u00FF][(][A-Za-z0-9 \u00C0-\u00FF]*[)])/g.exec(oThis.html()));
      oThis.html(oThis.html().replace(/(\/\/(.*?)[A-Za-z0-9\u00C0-\u00FF][A-Za-z0-9 \u00C0-\u00FF]*)/g, '<strong style="color: #008200">$1<\/strong>'))
   }
});


Veja como fica:


JS

é algo parecido que quero, más o comentário não pode ir para a linha de baixo

a palavra terceiro está em uma linha, e a valor já está em outra. Trabalho com a Unity, e ela não faz conversão da linha. isto iria dar um erro no script.

tem como adicionar uma barra de rolagem quando o comentario eceder o limite da pagina?

Então porque não usa o que passei neste link: https://ajuda.forumeiros.com/t93957-tutorial-opcao-syntax-highlighter ???

Aliás, eu vi um outro tópico seu que lhe foi indicado isso e você deu o tópico como resolvido!

Se apenas não deseja que o tamanho da fonte seja modificado com o o tutorial que eu fiz, adicione o CSS abaixo:

Código:


pre.prettyprint ol.linenums {
  padding-left: 10px !important;
}
.prettyprint ol.linenums {
  font-size: inherit !important;
}


---

Edit:
Eu reparei que você acha que os comentários indo para a linha abaixo dará problemas na seleção e cópia dos códigos não é isso?
Na realidade não dá problema algum, mas se você insistir em "ver sem quebra de linha", use o CSS que circulei na figura abaixo:


JS

Foi mal JS, vi seu tópico somente agora. sei lahh, devo ter ignorado o link por algum motivo.

más enfim, ele faz tudo o que quero sem dar bug no nome o/

más não adiciona barra de rolagem horizontal na codebox.

Removi todos os outros scripts relacionados a outros metodos, da folha CSS também. deixei apenas o metodo que você postou neste topico.

https://ajuda.forumeiros.com/t93957-tutorial-opcao-syntax-highlighter

más a codebox não ganhou barra de rolagem horizontal.


também acrescentei esta linha na CSS

Código:

dl.codebox code {
  white-space: nowrap;
}

Más não mudou nada...