mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 10:27:48 +08:00
68 lines
5.0 KiB
HTML
68 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Criar e inserir diagramas</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="descrição" content="Se você precisa criar muitos diagramas complexos e variados, o Editor de Documentos de ONLYOFFICE fornece um plug-in draw.io que pode criar e configurar tais diagramas" />
|
|
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
|
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<div class="search-field">
|
|
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Crie e insira diagramas</h1>
|
|
<p>Se você precisa criar muitos diagramas variados e complexos, <a href="https://www.onlyoffice.com/pt/document-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Editor de Documentos do ONLYOFFICE</b></a> fornece um plug-in draw.io que pode criar e configurar esses diagramas.</p>
|
|
<ol>
|
|
<li>Selecione o local na página onde deseja inserir um diagrama.</li>
|
|
<li>Mude para a guia <b>Plug-ins</b> e clique <div class = "icon icon-drawio"></div> <b>draw.io</b>.</li>
|
|
<li>
|
|
<b>A janela draw io</b> será aberta contendo as seguintes seções:
|
|
<ul>
|
|
<li><b>Barra de ferramentas superior</b> contém ferramentas para gerenciar arquivos, configurar interface, editar dados via <em>Arquivo</em>, <em>Editar</em>, <em>Visualizar</em>, <em>Organizar Guias </em>, <em>Extras</em>, <em>Ajuda</em> e opções correspondentes.</li>
|
|
<li><b>Barra lateral esquerda</b> contém vários formulários para seleção: <em>Padrão</em>, <em>Software</em>, <em>Rede</em>, <em>Comercial</em>, <em>Outro</em>. Para adicionar novas formas àquelas disponíveis por padrão, clique no botão <b>Mais Formas</b>, selecione os tipos de objetos necessários e clique em <b>Aplicar</b>.</li>
|
|
<li>
|
|
<b>Barra lateral direita</b> contém ferramentas e configurações para personalizar a planilha, formas, gráficos, planilhas, texto e setas:
|
|
<ul>
|
|
<li>
|
|
<b>Planilha</b> configurações:
|
|
<ul>
|
|
<li><b>Exibição</b>: <em>Grade</em>, seu tamanho e cor, <em>Visualização de página</em>, <em>Fundo</em> - você pode selecionar um imagem local ou forneça o URL, ou escolha uma cor adequada usando a paleta de cores, bem como adicione efeitos <em>Sombra</em>.</li>
|
|
<li><b>Opções</b>: <em>Setas de conexão</em>, <em>Pontos de conexão</em>, <em>Guias</em>.</li>
|
|
<li><b>Tamanho do papel</b>: orientação <em>Retrato</em> ou <em>Paisagem</em> com parâmetros especificados de comprimento e largura.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<b>Configurações de forma</b>:
|
|
<ul>
|
|
<li><b>Cor</b>: <em>Cor de preenchimento</em>, <em>Gradiente</em>.</li>
|
|
<li><b>Linha</b>: <em>Cor</em>, <em>Tipo</em>, <em>Largura</em>, <em>Largura do perímetro</em>.</li>
|
|
<li><b>Opacidade</b>.</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
Configurações de <b>Setas</b>:
|
|
<ul>
|
|
<li><b>Cor</b>: <em>Cor de preenchimento</em>, <em>Gradiente</em>.</li>
|
|
<li><b>Linha</b>: <em>Cor</em>, <em>Tipo</em>, <em>Largura</em>, <em>Fim da linha</em>, <em>Início da linha</em>.</li>
|
|
<li><b>Opacidade</b>.</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li><b>Área de trabalho</b> para visualizar diagramas, inserir e editar dados. Aqui você pode mover objetos, formar diagramas sequenciais e conectar objetos com setas.</li>
|
|
<li>
|
|
<b>Barra de status</b> contém ferramentas de navegação para alternar entre planilhas e gerenciá-las.
|
|
<p><img alt="Diagram Draw io" src="../images/drawio_diagram.png" /></p>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
<p>Use essas ferramentas para criar o diagrama necessário, edite-o e, quando terminar, clique no botão <b>Inserir</b> para adicioná-lo ao documento.</p>
|
|
</div>
|
|
</body>
|
|
</html>
|