Como adicionar realce de sintaxe a blocos de códigos recuados usando a marcação com sabor do github


1

Usando a marcação com sabor do github, existem três variantes de sytnax para um bloco de código:

  1. Blocos de código protegidos

    ```js
    var user = "string"
    ```
    
  2. Blocos de código recuado

        var user = "string"
    
  3. Exemplo de blocos de HTML 137

    <pre><code>var user = <i>"string"</i>
    </code></pre>
    

O Github também aplicará o destaque de sintaxe ao analisar arquivos de remarcação, mas não consigo fazê-lo funcionar em blocos recuados ou html.

Como posso dizer ao github para executar o destaque de sintaxe ou até mesmo especificar um idioma para blocos de código recuado ou blocos de código html?

Aqui está uma essência com uma demonstração funcional da análise de remarcação do github

Respostas:


2

No GitHub Flavored Markdown Spec, ele diz:

A linha com a cerca do código de abertura pode opcionalmente conter algum texto após a cerca do código; isso é aparado com espaços em branco à esquerda e à direita e chamado de cadeia de informações. (...) O conteúdo de uma cerca de código é tratado como texto literal, não analisado como linhas. A primeira palavra da cadeia de informações é normalmente usada para especificar o idioma da amostra de código e renderizada no atributo de classe da marca de código.

E antes também diz:

Um bloco de código recuado não possui sequência de informações.

Portanto, acho que não é possível incorporar informações de idioma em blocos de código recuados. Para colocar as informações da linguagem dentro do bloco HTML, achei que estava funcionando bem:

<pre lang="javascript"><code>var user = "string"
</code></pre>

Aqui está um pequeno teste no Github: https://gist.github.com/ardrabczyk/179e05e0a2134389de3d270c2a10ee26


Oh, doce !! Sou um otário por jogar amostras dentro de <pre><code>blocos e me escapar para poder inserir algumas tags <b>ou extras <i>para destacar seções do código. Isso vai ajudar cachos. Obrigado!
KyleMit

Ahh, definitivamente responde a pergunta, mas não resolveu meu problema de rotatória. Agora que destaque de sintaxe está sendo aplicada para html blocos, é sanear as tags dentro deles
KyleMit
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.