Adición de bloques de código

Planes que admiten bloques de código

Document360 utiliza Prism.js para el resaltado de sintaxis y admite varios lenguajes de programación en bloques de código, entre ellos:

• HTML

• C#

• Java

• JavaScript

• XML

• JSON

• CSS

• SQL

• Pitón

• Descuento

• PHP (en inglés)

• PowerShell

• Mensaje de texto

Para obtener una lista exhaustiva de los idiomas compatibles, consulte la documentación de Prism's Supported languages.

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

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

1. Utilice acentos graves triples ``` antes y después del fragmento de código.

Por ejemplo:

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

2. Utilice el acceso Ctrl+Shift+P directo o haga clic en el icono Insertar bloque de código () de 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), siga los pasos que se indican a continuación:

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

2. Haga clic en el icono Bloque de código () y aparecerá un panel.

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

4. Introduzca su código en el campo Inserte su código .

5. Haga clic en Insertar para agregar el bloque de código al artículo.

6. Para editar un bloque de código, haga clic en el icono Editar () en el lado derecho del bloque de código.

7. Para eliminar un bloque de código, haga clic en el icono Eliminar () en el lado derecho del bloque de código.

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

Para crear bloques de código en el editor WYSIWYG avanzado, siga los pasos que se indican a continuación:

1. Navegue hasta el artículo deseado en el editor WYSIWYG avanzado.

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

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

   2. Introduzca tres acentos ``` graves y pulse Intro.

   3. Utilice el comando /code block de barra diagonal y pulse Intro.

3. Haga clic en el bloque de código creado, aparecerá un menú flotante.

4. Seleccione el encabezado deseado.

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

6. Haga clic en el icono Eliminar () para eliminar el bloque de código.

7. Introduzca el código con sangría dentro del bloque de código.

Códigos cortos de idioma

• C: c

• C++: CPP, C++

• C#: csharp

• CSS: css

• CoffeeScript: coffeescript

• HTML: html

• JSON: json

• Java: java

• JavaScript: javascript, js

• Objetivo-C: objetivo-c, obj-c, objc

• Objective-C++: objc++

• PHP: php

• Perl: perl, pl

• Python 3: python3, py3

• Pitón: pitón, py

• Rubí: rubí, rb

• Snobol: snobol

• XML: xml

Idioma personalizado

Si el idioma deseado no está disponible, puede crear un bloque de código de idioma personalizado .

1. En el editor de Markdown: Después de insertar el bloque de código, agregue un título ingresando el texto deseado después de las acentos graves iniciales:

```HTML
Hello world
```

2. En el editor WYSIWYG: Seleccione Personalizado en el menú desplegable Seleccionar idioma e introduzca el título deseado en el campo Introduzca su título .

3. En el editor WYSIWYG avanzado: use la barra de búsqueda en el menú desplegable para seleccionar Personalizado, luego haga clic en el icono Editar () para ingresar su título y haga clic en Actualizar.

Bloques de sangría y código

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

El siguiente bloque de código se crea mediante sangrías en lugar de acentos graves.

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, incluidos 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 window 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