draw.io: Creación e inserción de diagramas

Si necesitas crear una gran variedad de diagramas complejos, ONLYOFFICE Editors te proporciona un plugin de draw.io que puede crear y configurar dichos diagramas.

nota

A partir de ONLYOFFICE Docs 8.2, los editores no incluyen plugins por defecto. Los plugins deben instalarse a través del Administrador de plugins.

Selecciona el lugar en la página donde deseas insertar un diagrama.
Cambia a la pestaña Extensiones y haz clic en draw.io.
Se abrirá la ventana de draw.io que contiene las siguientes secciones:
- Barra de herramientas superior contiene herramientas para gestionar archivos, configurar la interfaz, editar datos a través de las pestañas Archivo, Editar, Vista, Organizar, Extras, Ayuda y sus opciones correspondientes.
- Barra lateral izquierda contiene varias formas para seleccionar: Estándar, Software, Red, Negocio, Otros. Para agregar nuevas formas a las disponibles por defecto, haz clic en el botón Más formas, selecciona los tipos de objetos necesarios y haz clic en Aplicar.
- Barra lateral derecha contiene herramientas y configuraciones para personalizar la hoja de trabajo, formas, gráficos, hojas, texto y flechas:
  - Configuración de la hoja de trabajo:
    1. Pestaña Diagrama:
      - Vista: Cuadrícula, su tamaño y color, Vista de la página, Fondo - puedes seleccionar una imagen local o proporcionar la URL, o elegir un color adecuado usando la paleta de colores a través de Color de fondo, así como agregar efectos de Sombra y Bosquejo.
      - Opciones: Flechas de conexión, Puntos de conexión, Guías.
      - Tamaño del papel: Orientación vertical u Orientación horizontal con parámetros de longitud y ancho especificados.
    2. Pestaña Estilo:
      - Elige el preset de color requerido, así como establece los efectos Bosquejo y Redondeado.
  - Configuración de la forma:
    1. Pestaña Estilo:
      - Color: Color del relleno, Gradiente. Usa la herramienta Cuentagotas para crear un color personalizado.
      - Línea: Color, Tipo, Ancho, Perímetro.
      - Opacidad.
      - Efectos gráficos: Redondeado, Vidrio, Bosquejo y Sombra.
    2. Pestaña Texto:
      - Fuente: tipo, tamaño.
      - Formato de texto: Negrita, Cursiva, Subrayar.
      - Alineación horizontal: Izquierda, Centrar, Derecha.
      - Alineación vertical: orientación de texto Vertical, Arriba, Medio, Abajo.
      - Posición: Arriba a la izquierda, Arriba, Arriba a la derecha, Izquierda, Centrar, Derecha, Abajo a la izquierda, Abajo, Abajo a la derecha.
      - Dirección de escritura: Automático, De izquierda a derecha, De derecha a izquierda.
      - Color de la fuente.
      - Color de fondo.
      - Color del borde.
      - Cambio de línea.
      - Texto formateado.
      - Opacidad.
      - Espaciado: Arriba, Global, Izquierda, Abajo, Derecha.
      - Botón Borrar formato.
    3. Pestaña Organizar:
      - Organización de profundidad: Hacia adelante, Hacia atrás, Traer adelante, Enviar atrás.
      - Tamaño: Dimensionar automáticamente, Ancho, Altura, Restringir proporciones.
      - Posición: Izquierda, Arriba.
      - Ángulo: valor en grados, Rotar 90º.
      - Voltear: Horizontal, Vertical.
      - Alinear: Ajustar a la cuadrícula.
      - Botón Agrupar.
      - Botón Copiar dimensiones.
      - Restablecer: Todo, Punto de referencia, Puntos de conexión.
      - Bloquear/Desbloquear para restringir la edición.
  - Configuración de la flecha:
    - Color: Color del relleno, Gradiente.
    - Línea: Forma, Color, Conexión, Patrón, Ancho, Punto de referencia, Comienzo de línea, Final de línea.
    - Opacidad.
    - Efectos gráficos: Bosquejo, Sombra.
- Área de trabajo para ver diagramas, ingresar y editar datos. Aquí puedes mover objetos, formar diagramas secuenciales y conectar objetos con flechas.
- Barra de estado contiene herramientas de navegación para cambiar cómodamente entre hojas y gestionarlas.

Utiliza estas herramientas para crear el diagrama necesario, edítalo y, cuando esté terminado, haz clic en el botón Insertar para añadirlo al documento.