draw.io: Criando e inserindo diagramas

Se você precisa criar muitos diagramas variados e complexos, os ONLYOFFICE Editors fornecem um plugin draw.io que pode criar e configurar tais diagramas.

observação

A partir do ONLYOFFICE Docs 8.2, nenhum plugin vem com os editores por padrão. Os plugins devem ser instalados via Gerenciador de plug-ins.

Selecione o local na página onde você deseja inserir um diagrama.
Mude para a aba Plug-ins e clique no ícone draw.io.
A janela do draw.io será aberta contendo as seguintes seções:
- A barra de ferramentas superior contém ferramentas para gerenciar arquivos, configurar a interface, editar dados via abas Arquivo, Editar, Visualização, Ordenar, Extras, Ajuda e opções correspondentes.
- A barra lateral esquerda contém várias formas para selecionar: Padrão, Software, Ligação em rede, Negócio, Outros. Para adicionar novas formas às disponíveis por padrão, clique no botão Mais formas, selecione os tipos de objetos necessários e clique em Aplicar.
- A barra lateral direita contém ferramentas e configurações para personalizar a planilha de trabalho, formas, gráficos, folhas, texto e setas:
  - Configurações da planilha de trabalho:
    1. Aba Diagrama:
      - Visualização: Grade, seu tamanho e cor, Visualização da página, Plano de fundo - você pode selecionar uma imagem local ou fornecer a URL, ou escolher uma cor adequada usando a paleta de cores via Cor de fundo, além de adicionar efeitos de Sombra e Esboço.
      - Opções: Setas de conexão, Pontos de conexão, Guias.
      - Tamanho do papel: orientação Retrato ou Paisagem com parâmetros de comprimento e largura especificados.
    2. Aba Estilo:
      - Escolha o conjunto de cores necessário, além de definir os efeitos Esboço e Arredondado.
  - Configurações da forma:
    1. Aba Estilo:
      - Cor: Cor de preenchimento, Gradiente. Use a ferramenta Pipeta para criar uma cor personalizada.
      - Linha: Cor, Tipo, Largura, Perímetro.
      - Opacidade.
      - Efeitos gráficos: Arredondado, Vidro, Esboço e Sombra.
    2. Aba Texto:
      - Fonte: tipo, tamanho.
      - Formatação de texto: Negrito, Itálico, Sublinhado.
      - Alinhamento horizontal: Esquerda, Centro, Direita.
      - Alinhamento vertical: orientação de texto Vertical, Superior, Meio, Inferior.
      - Posição: Superior esquerdo, Superior, Superior direito, Esquerda, Centro, Direita, Inferior esquerdo, Inferior, Inferior direito.
      - Direção da escrita: Automático, Esquerda para direita, Direita para esquerda.
      - Cor do texto.
      - Cor de fundo.
      - Cor da borda.
      - Quebra de linha.
      - Texto formatado.
      - Opacidade.
      - Espaçamento: Superior, Global, Esquerda, Inferior, Direita.
      - Botão Limpar formatação.
    3. Aba Ordenar:
      - Organização de profundidade: Para a frente, Para trás, Avançar, Recuar.
      - Tamanho: Tamanho automático, Largura, Altura, Restringir proporções.
      - Posição: Esquerda, Superior.
      - Ângulo: valor em graus, Girar 90°.
      - Virar: Horizontal, Vertical.
      - Alinhar: Alinhar à grade.
      - Botão Agrupar.
      - Botão Copiar tamanho.
      - Redefinir: Tudo, Pontos intermediários, Pontos de conexão.
      - Travar/Destravar para restringir a edição.
  - Configurações da seta:
    - Cor: Cor de preenchimento, Gradiente.
    - Linha: Forma, Cor, Conexão, Traço, Largura, Pontos intermediários, Início da linha, Fim da linha.
    - Opacidade.
    - Efeitos gráficos: Esboço, Sombra.
- A área de trabalho para visualizar diagramas, inserir e editar dados. Aqui você pode mover objetos, formar diagramas sequenciais e conectar objetos com setas.
- A barra de status contém ferramentas de navegação para alternar convenientemente entre folhas e gerenciá-las.

Use essas ferramentas para criar o diagrama necessário, editá-lo e, quando estiver finalizado, clique no botão Inserir para adicioná-lo ao documento.