Adicionando blocos de código

Planos que suportam blocos de código

O Document360 usa Prism.js para realce de sintaxe e oferece suporte a várias linguagens de programação em blocos de código, incluindo:

• HTML

• C#

• Java

• JavaScript

• XML

• JSON

• CSS

• SQL

• Pitão

• Redução de preço

• PHP

• PowerShell

• Texto

Para obter uma lista completa de idiomas suportados, consulte a documentação do Prism's Supported languages.

Criando blocos de código no editor Markdown

No editor Markdown , existem dois métodos para criar blocos de código isolados:

1. Use acentos ``` graves triplos antes e depois do snippet de código.

Por exemplo:

'''csharp
[seu trecho de código]
```

2. Use o atalho Ctrl+Shift+P ou clique no ícone Inserir bloco de código () na barra de ferramentas de formatação.

Criando blocos de código no editor WYSIWYG (HTML)

Para criar blocos de código no editor WYSIWYG (HTML), siga as etapas abaixo:

1. Navegue até o artigo desejado no editor WYSIWYG.

2. Clique no ícone Bloco de código () e um painel aparecerá.

3. Selecione o idioma desejado no menu suspenso.

4. Insira seu código no campo Inserir seu código .

5. Clique em Inserir para adicionar o bloco de código ao seu artigo.

6. Para editar um bloco de código, clique no ícone Editar () no lado direito do bloco de código.

7. Para excluir um bloco de código, clique no ícone Excluir () no lado direito do bloco de código.

Criando blocos de código no editor WYSIWYG avançado

Para criar blocos de código no editor WYSIWYG avançado, siga as etapas abaixo:

1. Navegue até o artigo desejado no editor WYSIWYG avançado.

2. Você pode criar blocos de código de três maneiras:

   1. Clique no ícone Bloco de código () no menu Inserção rápida . O menu Inserção rápida aparecerá somente quando o bloco estiver vazio.

   2. Insira três acentos ``` graves e pressione Enter.

   3. Use o comando /code block de barra e pressione Enter.

3. Clique no bloco de código criado, um menu flutuante aparecerá.

4. Selecione o título desejado.

5. Clique no ícone Copiar () para copiar o código.

6. Clique no ícone Excluir () para excluir o bloco de código.

7. Insira o código recuado dentro do bloco de código.

Códigos de acesso de idioma

• C: c

• C++: CPP, c++

• C#: csharp

• 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, pl

• Python 3: python3, py3

• Python: python, py

• Rubi: rubi, rb

• Snobol: snobol

• XML: xml

Linguagem personalizada

Se o idioma desejado não estiver disponível, você poderá criar um bloco de código de idioma personalizado .

1. No editor Markdown: Depois de inserir o bloco de código, adicione um título inserindo o texto desejado após os acentos graves iniciais:

```HTML
Hello world
```

2. No editor WYSIWYG: Selecione Personalizado no menu suspenso Selecionar idioma e insira o título desejado no campo Insira seu título .

3. No editor WYSIWYG avançado: Use a barra de pesquisa no menu suspenso para selecionar Personalizado, clique no ícone Editar () para inserir seu título e clique em Atualizar.

Recuo e blocos de código

Qualquer texto recuado por pelo menos quatro espaços será tratado como um bloco de código. Esse método é útil para trechos de código mais longos, mas não incluirá realce de sintaxe.

O bloco de código a seguir é criado usando recuos em vez de acentos graves.

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

Exemplos de blocos de código

Os blocos de código a seguir são criados em várias linguagens de programação, incluindo C#, JavaScript, XML, JSON, PowerShell e Ruby, para mostrar dinamicamente a sintaxe e a funcionalidade.

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