Administrar el contenido
Cómo agregar bloques de contenido y darles formato en el editor de FlexDoc.
Desde el editor de FlexDoc, puedes agregar contenido a tu FlexDoc y darle formato, desde texto e imágenes hasta tablas, videos y contenido generado con IA. Cuando estés listo, comparte el FlexDoc con otras personas.
Administrar bloques
Cada elemento de contenido que agregas con el editor de FlexDoc se llama «bloque»: párrafos, imágenes, encabezados, videos, tablas y más. Puedes darle estilo a cada bloque por separado. Por ejemplo, puedes agrandar el texto de un bloque de párrafo o cambiar su color de fondo sin afectar los demás bloques de la página.
Agregar un bloque
Cada página empieza con un bloque de texto vacío para que puedas empezar a escribir de inmediato. Para agregar un bloque nuevo o cambiar el formato de uno existente, escribe / en tu teclado para abrir el menú /, o usa la barra de herramientas.
- Menú /: la forma más rápida de agregar cualquier tipo de bloque. Presiona / para abrirlo y selecciona una opción de la lista. También puedes empezar a escribir el nombre del bloque que quieres para filtrar los resultados y presionar Enter en tu teclado para agregarlo. El menú incluye todos los tipos de bloque disponibles, desde imágenes y tablas hasta videos y herramientas de IA.
- Barra de herramientas: la barra de herramientas te ofrece dos menús desplegables para trabajar con bloques. El menú desplegable Formato de bloque (muestra el formato actual, como «Normal» o «Encabezado 1») te permite convertir el bloque actual en un encabezado, una lista, una cita o un bloque de código. El menú desplegable Insertar te permite agregar bloques especiales, como imágenes, tablas y videos incrustados.
También puedes presionar Enter en tu teclado para agregar un bloque nuevo justo debajo del actual.
En algunos casos, como dentro de una lista con viñetas, presionar Enter agrega otro bloque con el mismo formato (por ejemplo, otra viñeta en tu lista).
Si no ves una opción en la barra de herramientas, haz clic en el menú desplegable Más formato al final de la barra de herramientas. En pantallas más pequeñas, algunas opciones de la barra de herramientas (como negrita, cursiva, subrayado y alineación) se mueven ahí para ahorrar espacio.
Mover un bloque
Para mover un bloque a otra posición en la página:
Pasa el cursor sobre el bloque que quieres mover.
El ícono Arrastrar aparece junto al bloque.
Haz clic en el ícono Arrastrar, mantén presionado el botón del mouse y arrastra el bloque a su nueva ubicación.
El contenido del bloque se levanta de la página.
Suelta el botón del mouse para colocar el bloque en su nueva ubicación.
El bloque aparece en su nueva ubicación.
Dar formato al texto
El editor de FlexDoc ofrece varias formas de dar formato al texto. La siguiente tabla muestra cada opción y dónde encontrarla. Para cambiar el tipo de un bloque (por ejemplo, de párrafo a encabezado o lista), usa el menú desplegable Formato de bloque que se describe en Agregar un bloque.
| Opción de formato | Barra de herramientas | Barra de herramientas flotante (con texto seleccionado) |
|---|---|---|
| Tipo de letra | Sí | No |
| Tamaño del texto | Sí | No |
| Negrita | Sí | Sí |
| Cursiva | Sí | Sí |
| Subrayado | Sí | Sí |
| Código (en línea) | Sí | Sí |
| Tachado | Sí | Sí |
| Subíndice | Sí | No |
| Superíndice | Sí | No |
| Resaltar | Sí | No |
| Minúsculas | Sí | No |
| Mayúsculas | Sí | No |
| Capitalizar (muestra cada palabra con mayúscula inicial) | Sí | No |
| Borrar formato | Sí | No |
Tachado, Subíndice, Superíndice, Resaltar, Minúsculas, Mayúsculas, Capitalizar y Borrar formato están agrupados en el menú desplegable Más formato de la barra de herramientas en lugar de mostrarse directamente.
Muchas de estas opciones también tienen atajos de teclado.
Alinear y aplicar sangría al contenido
El menú desplegable Alineación de la barra de herramientas controla la posición horizontal de tu texto y tus imágenes en la página. También tiene las opciones Reducir sangría y Aumentar sangría para acercar o alejar el texto del borde de la página.
Para alinear tu contenido o aplicarle sangría:
Selecciona el bloque que quieres alinear.
Si es texto, haz clic en cualquier parte del bloque. Si es una imagen, haz clic en la imagen para seleccionarla.
Haz clic en el menú desplegable Alineación de la barra de herramientas.
Selecciona la opción de alineación o sangría que quieras.
Agregar una lista
Usa el menú / o selecciona un tipo de lista en el menú desplegable Formato de bloque de la barra de herramientas para agregar listas con viñetas, listas numeradas y listas de verificación (listas de pendientes).
También puedes convertir contenido existente en una lista. Resalta los bloques que quieres incluir y selecciona un tipo de lista en el menú desplegable Formato de bloque.
Agregar, editar y quitar enlaces
Para agregar un enlace a tu FlexDoc:
Resalta el texto que quieres convertir en un enlace.
Aparece la barra de herramientas flotante de enlaces.
Haz clic en el ícono Insertar enlace de la barra de herramientas o de la barra de herramientas flotante.
Aparece un campo para ingresar la URL.
Ingresa la URL.
El campo ya incluye https://, así que puedes pegar o escribir el resto de la dirección.
Confirma el enlace.
Haz clic en el ícono **Marca de verificación** o presiona Enter en tu teclado.
Para editar un enlace:
Haz clic en el enlace.
Aparece una barra de herramientas flotante con opciones de enlace.
Haz clic en el ícono Editar enlace.
Aparece un campo para ingresar la URL.
Actualiza la URL.
Confirma el enlace.
Haz clic en el ícono **Marca de verificación** o presiona Enter en tu teclado.
Para quitar un enlace:
Haz clic en el enlace.
Aparece una barra de herramientas flotante con opciones de enlace.
Haz clic en el ícono Quitar enlace.
Agregar un diseño de columnas
Las columnas te permiten mostrar un bloque de texto junto a una imagen. Haz clic en el menú desplegable Insertar de la barra de herramientas o usa el menú /, y selecciona Diseño de columnas para agregar un diseño de dos columnas a tu página.
Agregar un contenedor plegable
Un contenedor plegable te permite ocultar contenido bajo un encabezado que los lectores pueden expandir y contraer. Por ejemplo, puedes crear una lista de preguntas frecuentes usando cada pregunta como encabezado y poniendo la respuesta dentro.
Para agregar un contenedor plegable:
Haz clic en el menú desplegable **Insertar** de la barra de herramientas o usa el menú /, y selecciona **Contenedor plegable**.
Se agrega un bloque plegable nuevo a la página.
Escribe un encabezado en la primera línea.
Elige un encabezado que les dé a los lectores una idea clara de lo que encontrarán dentro.
Presiona Enter en tu teclado o haz clic debajo del encabezado para pasar al área de contenido, y luego agrega tu contenido.
Este contenido queda oculto para el lector hasta que abre el contenedor.
Deshacer y rehacer
Si te equivocas, haz clic en el ícono Deshacer de la barra de herramientas. Haz clic en el ícono Rehacer para revertir lo que deshiciste.
Agregar una tabla
Para agregar una tabla:
Haz clic en el menú desplegable Insertar de la barra de herramientas o usa el menú /, y selecciona Tabla.
Aparece la ventana Insertar tabla.
Ingresa el número de Filas y Columnas que quieres.
Haz clic en Insertar.
Aparece una tabla en tu página.
Agregar texto con dictado por voz
Con la opción de voz a texto, tú hablas y Joy escribe tus palabras en la página. Esto es útil si prefieres no usar el teclado o quieres anotar tus ideas rápidamente.
El ícono Dictar usa el reconocimiento de voz integrado de tu navegador. Está disponible en Chrome, Edge y Safari, pero no en Firefox. En los navegadores no compatibles, el ícono no aparece. Si el ícono aparece atenuado, tu navegador bloqueó el acceso al micrófono; cambia los permisos del sitio en tu navegador para permitirlo.
Haz clic en el lugar de la página donde quieres agregar texto.
Haz clic en el ícono Dictar de la barra de herramientas. Si se te solicita, dale permiso a Joy para usar tu micrófono.
El ícono cambia a un botón para detener, y Joy empieza a escuchar.
Habla en voz alta.
Joy agrega tus palabras a la página mientras hablas.
Haz clic en el ícono **Detener**.
Joy deja de escuchar.
Agregar una imagen
Puedes agregar una imagen a un FlexDoc indicando su URL, arrastrando y soltando un archivo de imagen en la página o pegando una imagen desde tu portapapeles.
¿Necesitas imágenes para tu FlexDoc? Consulta nuestra lista de recursos de imágenes gratuitos.
Para agregar una imagen con una URL:
Haz clic en el menú desplegable Insertar de la barra de herramientas o usa el menú /, y selecciona Imagen.
Se abre la ventana Insertar imagen.
En el campo URL de la imagen, ingresa la dirección web de la imagen.
En el campo Texto alternativo, ingresa una descripción breve de la imagen.
Los lectores de pantalla usan este texto para describir la imagen.
Haz clic en Insertar.
La imagen se agrega a tu página.
Para quitar una imagen, selecciónala y presiona la tecla Delete en tu teclado.
Agregar una imagen en línea
A diferencia de una imagen normal, que ocupa su propio bloque, una imagen en línea flota a un lado de la página y el texto la rodea.
Para agregar una imagen en línea:
Haz clic donde quieres que aparezca la imagen en línea.
Haz clic en el menú desplegable Insertar de la barra de herramientas o usa el menú /, y selecciona Imagen en línea.
Se abre la ventana Insertar imagen en línea.
Sigue los pasos 2 y 3 de Agregar una imagen con una URL para ingresar la URL de la imagen y el texto alternativo.
En el menú desplegable Posición, selecciona Flotar a la izquierda, Flotar a la derecha o Ancho completo.
Esta opción controla en qué lado de la página aparece la imagen y cómo la rodea el texto.
Haz clic en Insertar.
La imagen se agrega a tu página.
Incrustar un video
Puedes incrustar videos de YouTube o Vimeo para que aparezcan junto al contenido de tu FlexDoc.
Para incrustar un video:
Haz clic en el menú desplegable Insertar de la barra de herramientas o usa el menú /, y selecciona Video de YouTube o Video de Vimeo.
Ingresa la URL del video.
Haz clic en Insertar.
El video aparece en tu página y se ajusta automáticamente al ancho completo.
Incrustar un documento de Figma o un Tweet / publicación de X
Para incrustar un documento de Figma o un Tweet / publicación de X:
Haz clic en el menú desplegable Insertar de la barra de herramientas o usa el menú /, y selecciona Documento de Figma o Tweet / Publicación de X.
Ingresa la URL.
Haz clic en Insertar.
El diseño de Figma o la publicación se incrusta en tu página como una vista previa interactiva.
Agregar una ecuación
Puedes dar formato a ecuaciones matemáticas con LaTeX (comandos de texto sencillos que muestran símbolos matemáticos complejos). De forma predeterminada, las ecuaciones aparecen en su propia línea.
Para agregar una ecuación:
Haz clic en el menú desplegable Insertar de la barra de herramientas o usa el menú /, y selecciona Ecuación.
Se abre la ventana Insertar ecuación.
Ingresa tu ecuación.
Verás una vista previa mientras escribes.
Si quieres que la ecuación aparezca dentro de una línea de texto, marca la casilla Ecuación en línea.
De forma predeterminada, las ecuaciones aparecen en su propia línea.
Haz clic en Insertar.
La ecuación se agrega a tu página.
Estos son algunos comandos comunes de LaTeX:
| Para escribir | Escribe |
|---|---|
| Flecha | \rightarrow, \leftarrow, \leftrightarrow |
| Paréntesis u otro delimitador (simple) | ( a ), [ b ], \{ c \}, | d |, \langle, \rangle |
| Paréntesis con tamaño automático | \left(\frac{numerator}{denominator}\right) |
| Color | {\color{colorname}number} |
| Fracción | \frac{numerator}{denominator} |
| Letra griega | \alpha, \beta, \pi |
| Integral | \int_{lower_limit}^{upper_limit} |
| Multiplicación | \cdot |
| Raíz | \sqrt[index]{number} |
| Subíndice | x_{number} |
| Sumatoria | \sum_{i=1}^{n} |
| Superíndice (potencia) | x^{number} |
| Vector | \vec{a} |
Para editar una ecuación existente, haz doble clic en ella. Se abre un cuadro donde puedes actualizar la ecuación. Para guardar tus cambios, haz clic fuera del cuadro.
Usar Excalidraw
Excalidraw es una pizarra digital donde puedes dibujar diagramas, crear gráficas sencillas o bosquejar ideas. Es útil para hacer lluvias de ideas, diagramas de flujo o explicar conceptos complejos en tu FlexDoc.
Para agregar un dibujo de Excalidraw:
Haz clic en el menú desplegable Insertar de la barra de herramientas o usa el menú /, y selecciona Excalidraw.
Se abre un lienzo en blanco.
Usa la barra de herramientas para crear tu dibujo.
El lienzo incluye herramientas para dibujar formas, agregar texto, dibujar a mano alzada e insertar imágenes.
Haz clic en Guardar.
El dibujo se agrega a tu página.
Agregar una encuesta
Una encuesta te permite hacerles una pregunta a los lectores y recopilar sus votos, con resultados en vivo para cada opción a medida que las personas votan.
Para agregar una encuesta:
Haz clic en el menú desplegable Insertar de la barra de herramientas o usa el menú /, y selecciona Encuesta.
Se abre la ventana Insertar encuesta.
En el campo Pregunta, ingresa lo que quieres preguntar.
En cada campo Opciones, ingresa una opción de respuesta.
Haz clic en + Añadir opción para agregar más opciones. Necesitas al menos dos opciones.
Haz clic en Insertar.
La encuesta se agrega a tu página.
Los lectores pueden votar haciendo clic en una opción. Joy muestra el porcentaje de votos de cada opción y actualiza los resultados a medida que más personas votan.
Los votos se registran por pestaña del navegador, no por cuenta de usuario, así que si la misma persona vota desde otra pestaña u otro navegador, cuenta como un voto aparte.
Mientras el FlexDoc está abierto para edición, puedes cambiar la pregunta o cualquier opción haciendo clic en su texto. Haz clic en + Añadir opción para agregar otra opción, o haz clic en el ícono Eliminar junto a una opción para quitarla. Debes mantener al menos dos opciones.
Generar contenido con IA
El panel Acciones de IA de Joy puede redactar contenido nuevo o mejorar texto que ya escribiste.
Puedes abrir Acciones de IA de varias formas:
- Haz clic en el botón Generar de la barra de herramientas.
- Resalta texto y haz clic en el ícono Acciones de IA de la barra de herramientas flotante.
- Usa el menú / y selecciona Preguntar a la IA o Generar con IA.
El panel Acciones de IA de Joy incluye estas opciones:
| Acción | Qué hace |
|---|---|
| Reescribir | Reescribe el texto seleccionado con otro tono: Profesional, Informal, Amigable o Directo. |
| Resumir | Acorta el texto seleccionado. Puedes indicar si quieres un resumen corto o mediano, o con formato de viñetas. |
| Ampliar | Agrega más detalles al texto seleccionado. |
| Traducir | Traduce el texto seleccionado al español, francés, alemán, japonés o chino. |
| Corregir gramática | Corrige los errores de ortografía y gramática del texto seleccionado. |
| Instrucción personalizada | Ingresa tus propias instrucciones. Si tienes texto seleccionado, describe qué hacer con él; si no, describe lo que quieres que se escriba. |
La mayoría de las acciones requieren que primero resaltes texto en la página. Instrucción personalizada es la única acción que también puede generar contenido nuevo cuando no hay nada seleccionado.
Para usar Acciones de IA:
Resalta el texto que quieres revisar, o coloca el cursor donde quieres agregar contenido nuevo.
Haz clic en el botón Generar de la barra de herramientas o en el ícono Acciones de IA de la barra de herramientas flotante.
También puedes usar el menú / y seleccionar Preguntar a la IA o Generar con IA.
Selecciona una acción.
Según lo que selecciones, es posible que veas más opciones. Si seleccionas Instrucción personalizada, ingresa tus instrucciones y haz clic en Generar.
Mientras la IA trabaja, puedes ver cómo aparece el contenido generado en tiempo real. Puedes hacer clic en Detener en cualquier momento para cancelar.
Cuando la IA termina de generar, puedes elegir entre estas opciones:
- Haz clic en Aceptar para agregar el contenido generado.
- Haz clic en Rechazar para descartarlo.
- Haz clic en Intentar de nuevo para generar contenido nuevo.
- Haz clic en Refinar para darle a la IA más indicaciones y generar de nuevo.
- Haz clic en el ícono Copiar para copiar el contenido generado.