Adición de bloques de código

Document360 utiliza Prism.js para resaltar la sintaxis y soporta varios lenguajes de programación en bloques de código, incluyendo:

• HTML

• C#

• Java

• JavaScript

• XML

• JSON

• CSS

• SQL

• Python

• Descuento

• PHP

• PowerShell

• Texto

Para una lista exhaustiva de lenguajes soportados, consulte la documentación de los lenguajes soportados por Prism.

Creación de bloques de código en el editor Markdown

En el editor Markdown , existen dos métodos para crear bloques de código cercados:

1. Usa triples retrocesos ``` antes y después del fragmento de código.

Por ejemplo:

'''csharp
[tu fragmento de código]
```

2. Utiliza el acceso Ctrl+Shift+P directo o haz clic en el icono Insertar bloque de código () desde la barra de herramientas de formato.

Creación de bloques de código en el editor WYSIWYG (HTML)

Para crear bloques de código en el editor WYSIWYG (HTML), sigue los pasos a continuación:

1. Navega hasta el artículo deseado en el editor WYSIWYG.

2. Haz clic en el icono del bloque de código () y aparecerá un panel.

3. Selecciona el idioma que quieras en el menú desplegable.

4. Introduce tu código en el campo Insertar tu código .

5. Haz clic en Insertar para añadir el bloque de código a tu artículo.

6. Haz clic en el icono Editar () a la derecha para editar un bloque de código.

7. Haz clic en el icono Borrar () a la derecha para eliminar un bloque de código.

Creación de bloques de código en el editor avanzado WYSIWYG

Para crear un bloque de código en el editor avanzado WYSIWYG, sigue los siguientes pasos:

1. Navega al artículo deseado en el editor avanzado WYSIWYG.

2. Puedes crear bloques de código de tres maneras:

   1. Haz clic en el icono del bloque de código () en el menú de inserción rápida . El menú de inserción rápida aparecerá solo cuando el bloque esté vacío.

   2. Introduce tres pulsaciones ``` de retroceso y pulsa Enter.

   3. Usa el comando /code block de barra y pulsa Enter.

3. Haz clic en el bloque de código creado. Aparecerá un menú flotante.

4. Selecciona el encabezado deseado.

5. Haz clic en el icono Copiar () para copiar el código.

6. Haz clic en el icono Borrar () para eliminar el bloque de código.

7. Introduce el código sangrado dentro del bloque de códigos.

Códigos cortos de lenguaje

• C: c

• C++: CPP, C++

• Do#: sostenido

• CSS: CSS

• CoffeeScript: coffeescript

• HTML: html

• JSON: json

• Java: java

• JavaScript: javascript, js

• Objective-C: objective-c, obj-c, objc

• Objective-C++: objc++

• PHP: php

• Perl: perl, por favor

• Python 3: python3, py3

• Python: python, py

• Ruby: ruby, RB

• Snobol: snobol

• XML: xml

Lenguaje personalizado

Si el lenguaje deseado no está disponible, puedes crear un bloque de código de Lenguaje Personalizado .

1. En el editor Markdown: Después de insertar el bloque de código, añade un título introduciendo el texto deseado tras los backticks iniciales:

```HTML
Hello world
```

2. En el editor WYSIWYG: Selecciona Personalizado en el desplegable Seleccionar idioma e introduce el título deseado en el campo Introducir tu título .

3. En el editor avanzado de WYSIWYG: Utiliza la barra de búsqueda del desplegable para seleccionar Personalizado, luego haz clic en el icono Editar () para introducir tu título y haz clic en Actualizar.

Indentación y bloques de código

Cualquier texto con sangría de al menos cuatro espacios será tratado como un bloque de código. Este método es útil para fragmentos de código más largos, pero no incluirá resaltado de sintaxis.

El siguiente bloque de código se crea usando sangrías en lugar de retrocesos.

def test():
    logging.error('Test failed')

Ejemplos de bloques de código

Los siguientes bloques de código se crean en varios lenguajes de programación, incluyendo C#, JavaScript, XML, JSON, PowerShell y Ruby, para mostrar dinámicamente la sintaxis y la funcionalidad.

using System;
namespace HelloWorld
{
    class Hello 
    {
        static void Main() 
        {
            Console.WriteLine("Hello World!");

            // Keep the console panel open in debug mode.
            Console.WriteLine("Press any key to exit.");
            Console.ReadKey();
        }
    }
}

function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
} 
export $initHighlight;

<book id="bk101">
      <author>Gambardella, Matthew</author>
      <title>XML Developer's Guide</title>
      <genre>Computer</genre>
      <price>44.95</price>
      <publish_date>2000-10-01</publish_date>
      <description>An in-depth look at creating applications 
      with XML.</description>
   </book>

{
    "one": 2,
    "three": {
        "point_1": "point_2",
        "point_3": 3.4
    },
    "list": [
        "one",
        "two",
        "three"
    ]
}

$user = Read-Host "Enter Username"
$pass = Read-Host "Enter Password" -AsSecureString

require 'redcarpet'
markdown = Redcarpet.new("Hello World!")
puts markdown.to_html