Códigos de bloque

Los bloques de código o Code Blocks son bloques reservados para código, el cual puede ser visible, como cuando se muestra un fragmento de código para representar un ejemplo o una idea; o para representar algo que es interpretable, como sucede con los diagramas del "mermaid JS". Estos elementos están sujetos a muchos cambios o condiciones por lo que existen multitud de formas de ser llamados, pero todos coinciden en que tengan un inicio y un fin para encapsular el código que se quiere representar. Un par de ejemplos de ambos tipos, tantos de muestreo de código como de interpretación, pueden ser los siguientes:

Tipo	WMarkDown	Resultado
Muestreo	Language md Lines 3 Characters 50 ```js console.log("Muestra este Script JS"); ```	Language js Lines 1 Characters 38 console.log("Muestra este Script JS");
Interpretación	Language md Lines 4 Characters 65 ```mermaid graph LR A["Elemento A"] --> B["Elemento B"] ```	Language mermaid Lines 2 Characters 48 graph LR A["Elemento A"] --> B["Elemento B"]

Tipo

WMarkDown

Resultado

Muestreo

                    
                    
                        
                        Language
                        md
                    
                
                    
                        
                        Lines
                        3
                    
                
                    
                        
                        Characters
                        50
                    
                
                    
                        

                        ```js
console.log("Muestra este Script JS");
```

                    
                    
                        
                        Language
                        js
                    
                
                    
                        
                        Lines
                        1
                    
                
                    
                        
                        Characters
                        38
                    
                
                    
                        
                        console.log("Muestra este Script JS");

Interpretación

                    
                    
                        
                        Language
                        md
                    
                
                    
                        
                        Lines
                        4
                    
                
                    
                        
                        Characters
                        65
                    
                
                    
                        

                        ```mermaid
graph LR
A["Elemento A"] --> B["Elemento B"]
```

                    
                    
                        
                        Language
                        mermaid
                    
                
                    
                        
                        Lines
                        2
                    
                
                    
                        
                        Characters
                        48
                    
                
                    
                        graph LR
A["Elemento A"] --> B["Elemento B"]

Como podemos ver en estos ejemplos, se mostró un bloque de código de un bloque de código en la columna de WMarkDown, eso se llevó a cabo haciendo uso de dos delimitadores diferentes, haciendo una anidación de bloques con distintos cierres. Un ejemplo de anidamiento para hacer un muestreo de un muestro lo vemos a continuación:

WMarkDown	Resultado
Language md Lines 5 Characters 62 ---md ```js console.log("Muestra este Script JS"); ``` ---	Language md Lines 3 Characters 50 ```js console.log("Muestra este Script JS"); ```

WMarkDown

Resultado

                    
                    
                        
                        Language
                        md
                    
                
                    
                        
                        Lines
                        5
                    
                
                    
                        
                        Characters
                        62
                    
                
                    
                        

                        ---md
```js
console.log("Muestra este Script JS");
```
---

                    
                    
                        
                        Language
                        md
                    
                
                    
                        
                        Lines
                        3
                    
                
                    
                        
                        Characters
                        50
                    
                
                    
                        

                        ```js
console.log("Muestra este Script JS");
```

Estos delimitadores diferentes pueden ser cualquiera de los siguientes:

```
```
```
```
'''
```
```
"""
```
```
---
```

A éstos les podemos sumar la facultad de poder crear por cada uno, otro nuevo delimitador separando sus elementos con espacios.

La existencia de más de un delimitador también viene por el hecho de que los lenguajes de programación pueden hacer uso de estructuras que puedan solapar este tipo de marcas de texto, como es el caso de Python con los String UTF8, que impide el uso de los códigos de bloque de triple comilla doble.

NOTA: MarkDown tiene un Bug con los bloques de código a la hora de ser usados dentro de celdas de una tabla. En WMarkDown está corregido y se puede hacer uso de elementos HTML sin ningún problema.