Editor WYSIWYG

NOTA

• A partir del 3 de junio de 2024, el editor WYSIWYG dejará de estar disponible para nuevos proyectos.

• Los proyectos creados antes de esa fecha seguirán teniendo acceso al editor WYSIWYG. Sin embargo, no se introducirán mejoras adicionales ni nuevas funciones para este editor en el futuro.

• Para una mejor experiencia y acceso a mejoras continuas, recomendamos utilizar el editor avanzado WYSIWYG.

El editor WYSIWYG (What You See Is What You Get) o editor HTML es una de las tres opciones de editor disponibles en Document360. Permite a los usuarios crear y previsualizar contenido exactamente tal y como aparecerá en los artículos publicados o en las páginas de categorías de la base de conocimiento.

NOTA

No puedes cambiar del editor WYSIWYG al editor Markdown. Una vez que los artículos se convierten de Markdown a WYSIWYG, no pueden revertirse. Sin embargo, es posible cambiar de Markdown a WYSIWYG.

Editar el título y la URL de un artículo WYSIWYG

Para editar el título y la URL de un artículo WYSIWYG, sigue estos pasos:

1. Navega al artículo WYSIWYG deseado en el portal de la base de conocimiento.

2. Haz clic en el título en la barra superior del editor.

3. Aparece un panel con las siguientes opciones:

   • Título: Editar el título del artículo.

   • Pregunta a Eddy AI: Haz clic en Pregunta a Eddy AI para generar tres sugerencias de títulos basadas en el contenido del artículo. Para usar esta función, tu artículo debe contener al menos 50 caracteres.

   • URL: Edita la URL del artículo en este campo. Por defecto, el slug se genera a partir del título del artículo.
     Por ejemplo, si el título del artículo es ¿Qué es Document360?, la URL pasa a ser what-is-document360.

     NOTA

     Para más información, lee el artículo sobre Cambiar la URL de un artículo.

   • Descripción: Introduce una breve descripción del artículo.

Barra de herramientas del editor WYSIWYG

La barra de herramientas WYSIWYG ofrece varias opciones para editar y formatear texto, incluyendo la opción de insertar archivos multimedia. Las diferentes secciones de la barra de herramientas y sus usos se muestran y explican más adelante.

NOTA

Para pasos y orientación sobre cómo usar el editor avanzado WYSIWYG, lee el artículo sobre el editor avanzado de WYSIWYG.

Opciones adicionales de formato

Imagen

Una vez que se añade una imagen a un artículo, puedes acceder a las siguientes opciones haciendo clic en la imagen:

1. Reemplazar: Para reemplazar la imagen.

2. Alinear: Añadir un pie de foto para alinear la imagen.

3. Pie de foto de la imagen. Esto aparecerá en la parte inferior de la imagen.

4. Eliminar: Para eliminar la imagen.

5. Insertar enlace: Para añadir un enlace a la imagen. Después de añadir el enlace, puedes abrirlo, eliminarlo y editarlo.

6. Pantalla: Para cambiar la visualización de la imagen. Puedes usar las opciones En línea o Romper Texto.

7. Estilo: Para cambiar el estilo del borde de la imagen. Puedes usar opciones Redondeadas, Bordeadas y Sombras.

8. Texto alternativo: Para añadir texto alternativo a la imagen. Si el archivo de imagen no puede cargarse, el texto alternativo aparecerá en un cuadro en blanco donde aparecerá la imagen.

9. Cambiar de tamaño: Ajusta el ancho y la altura de la imagen en píxeles. Haz clic en actualizar para confirmar.

10. Edición avanzada: Para editar tu imagen, usa herramientas avanzadas como Recorte para redimensionar, opciones de texto para ajustar negrita, cursiva, subrayado, color y tamaño, y Rotar para ajustar la orientación. También  puedes hacer zoom o zoom out para editar en detalle, usar la  herramienta Hand para navegar y acceder al Historial de estados anteriores. Usa Deshacer y Rehacer para revertir o repetir acciones, Restablecer para volver a la imagen original, Borrar para eliminar ediciones específicas, o Borrar todo para borrar todo. Cuando termines, haz clic  en Guardar para aplicar y guardar tus cambios.

Vídeo

Una vez que incrustas un vídeo en un artículo, puedes acceder a las siguientes opciones haciendo clic en la parte izquierda o derecha del vídeo en el panel de edición:

1. Reemplazar: Para reemplazar el vídeo.

2. Eliminar: Para eliminar el vídeo.

3. Pantalla: Para cambiar la pantalla de vídeo. Puedes usar las opciones En línea o Romper Texto.

4. Alinear: Para alinear el vídeo.

5. Cambio de tamaño: Para cambiar el tamaño del vídeo.

6. Reproducción automática: Para activar o desactivar la opción de reproducción automática.

PDF

Una vez que se añade un archivo PDF a un artículo, puedes acceder a las siguientes opciones haciendo clic en el lado izquierdo o derecho, cerca del archivo PDF en el panel del editor:

1. Eliminar: Para eliminar el archivo PDF.

2. Cambiar de tamaño: Para cambiar el tamaño del archivo PDF.

Archivo de Word

Una vez que se añade una tabla a un artículo, puedes acceder a las siguientes opciones haciendo clic en la tabla:

1. Cabecera de la mesa: Enciende o apaga la cabecera de la mesa. Haz clic en este botón y aparece la fila superior en la tabla.

2. Quitar la mesa: Para quitar la mesa. Haz clic en este botón y la tabla y el contenido serán eliminados. Si accidentalmente has hecho clic en eliminar, siempre puedes usar la acción Deshacer (Ctrl + Z) para restaurar la tabla.

3. Fila: Coloca el cursor en cualquier celda de la fila deseada y haz clic en 'Insertar fila arriba' o 'Insertar fila abajo' para añadir filas a la tabla. Haz clic en 'Eliminar fila' para eliminar la fila actual.

4. Columna: Coloque el cursor en cualquier celda de la columna deseada y haga clic en 'Insertar columna arriba' o 'Insertar columna abajo' para añadir columnas a la tabla. Haz clic en la 'Columna Eliminar' para eliminar la columna actual.

5. Estilo de mesa: Para cambiar el estilo de la mesa. Puedes usar las opciones de Bordes Discontinuos y Filas Alternativas. La opción de filas alternas distinguiría el color de la fila.

6. Celda: Haz clic en este botón y selecciona la acción para fusionar o dividir celdas. Puedes partir una celda vertical u horizontalmente cualquier número de veces. La opción de fusión solo se activaría cuando seleccionas más de una celda horizontal o verticalmente.

7. Fondo de la celda: Para cambiar el color de fondo de la celda. Puedes seleccionar de la paleta de colores disponible o introducir el código HEX.

8. Alineación vertical: Para cambiar la alineación vertical del contenido en la celda. Puedes hacer esto para una sola celda o varias selecciones de celdas. Si la altura de la celda es mayor que el encaje de contenido, entonces puedes elegir alinear el contenido en la parte superior, central o inferior de la celda.

9. Alineación horizontal: Para cambiar la alineación horizontal del contenido en la celda. Puedes hacer esto para una sola celda o varias selecciones de celdas. Si el ancho de la celda es mayor que el encaje del contenido, puedes alinear el contenido en el estilo izquierdo, central, derecho o justificado.

10. Estilo de celda: Para cambiar el tipo del borde de la celda. Puedes usar las opciones Resaltado (cambia el color del borde de la celda) y Grueso (aumenta el grosor del borde de la celda) de la celda seleccionada.

Cuándo, dónde y por qué usar el editor WYSIWYG

¿Quién puede usar el editor WYSIWYG?

Usuarios de Document360 que se sienten cómodos con editores HTML.

¿Es fácil de usar el editor WYSIWYG?

Usar el editor WYSIWYG se siente similar a usar una aplicación de procesamiento de textos.

Por ejemplo, Microsoft Word, Google Docs, etc.

Puedes copiar y pegar contenido directamente desde un documento de Word o cualquier otra fuente. No se requiere una sintaxis especial.

¿Por qué usar el editor WYSIWYG?

• A diferencia del editor Markdown, el editor WYSIWYG utiliza un único panel de edición ya que el contenido escrito ya está en modo de vista previa.

• El editor WYSIWYG ofrece una función única para pegar tablas grandes desde un sitio de terceros u otra base de conocimiento.