Editor WYSIWYG

NOTA

• A partir del 3 de junio de 2024, el editor WYSIWYG ya no está disponible para nuevos proyectos.

• Los proyectos creados antes de esta 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 obtener la mejor experiencia y acceso a las mejoras continuas, recomendamos usar el Advanced WYSIWYG editorarchivo .

El editor WYSIWYG (Lo que ve es lo que obtiene) o HTML es una de las tres opciones de editor disponibles en Document360. Permite a los usuarios crear y obtener una vista previa del contenido exactamente como aparecerá en los artículos publicados o en las páginas de categorías del sitio de la base de conocimientos.

NOTA

No puede cambiar del editor WYSIWYG al editor Markdown. Una vez que los artículos se convierten de Markdown a WYSIWYG, no se pueden revertir. 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, siga estos pasos:

1. Vaya al artículo WYSIWYG deseado en el portal de la base de conocimientos.

2. Haga clic en el Título en la barra superior del editor.

3. Aparece un panel con las siguientes opciones:

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

   • Pregúntale a Eddy AI: haz clic en Pregúntale a Eddy AI para generar tres sugerencias de títulos basadas en el contenido del artículo. Para utilizar esta función, su artículo debe contener al menos 50 caracteres.

   • URL: edite la URL del artículo en este campo. De forma predeterminada, 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 se convierte en what-is-document360.

     NOTA

     Para obtener más información, lea el artículo sobre Change the URL of an article.

   • Descripción: Ingrese 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, incluida la opción de insertar archivos multimedia. Las diferentes secciones de la barra de herramientas y sus usos se muestran y elaboran a continuación.

NOTA

Para conocer los pasos y la orientación sobre el uso del editor WYSIWYG avanzado, lea el artículo sobre Advanced WYSIWYG editor.

Opciones de formato adicionales

Imagen

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

1. Reemplazar: para reemplazar la imagen.

2. Alinear: agregue una leyenda de imagen para alinear la imagen.

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

4. Eliminar: para eliminar la imagen.

5. Insertar enlace: para agregar un enlace a la imagen. Después de agregar el enlace, puede abrirlo, eliminarlo y editarlo.

6. Visualización: para cambiar la visualización de la imagen. Puede utilizar las opciones Texto en línea o Romper.

7. Estilo: para cambiar el estilo de borde de la imagen. Puede utilizar las opciones Redondeado, Bordeado y Sombra.

8. Texto alternativo: para agregar texto alternativo para la imagen. Si no se puede cargar el archivo de imagen, el texto alternativo aparecerá en un cuadro en blanco donde aparecerá la imagen.

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

10. Edición avanzada: para editar la imagen, utilice herramientas avanzadas como Recortar para cambiar el tamaño, Opciones de texto para ajustar la negrita, la cursiva, el subrayado, el color y el tamaño, y Rotar para ajustar la orientación. También  puede acercar o alejar para una edición detallada, usar la  herramienta Mano 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, Eliminar para eliminar ediciones específicas o Eliminar todo para borrar todo. Cuando termines, haz clic en Guardar para aplicar y almacenar los cambios.

Vídeo

Una vez que incruste un video en un artículo, puede acceder a las siguientes opciones haciendo clic a la izquierda o derecha del video en el panel del editor:

1. Reemplazar: para reemplazar el video.

2. Eliminar: para eliminar el vídeo.

3. Pantalla: Para cambiar la visualización de vídeo. Puede utilizar las opciones Texto en línea o Romper.

4. Alinear: para alinear el vídeo.

5. Cambiar 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 agrega un archivo PDF a un artículo, puede 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 tamaño: para cambiar el tamaño del archivo PDF.

Archivo de Word

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

1. Encabezado de tabla: activa o desactiva el encabezado de tabla. Haga clic en este botón y aparecerá la fila superior en la tabla.

2. Quitar tabla: para quitar la tabla. Haga clic en este botón y se eliminará la tabla y el contenido. Si ha hecho clic accidentalmente en la eliminación, siempre puede usar la acción Deshacer (Ctrl + Z) para restaurar la tabla.

3. Fila: Coloque el cursor en cualquier celda de la fila deseada y haga clic en 'Insertar fila arriba' o 'Insertar fila debajo' para agregar filas a la tabla. Haga 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 agregar columnas a la tabla. Haga clic en 'Eliminar columna' para eliminar la columna actual.

5. Estilo de tabla: para cambiar el estilo de tabla. Puede utilizar las opciones Bordes discontinuos y Filas alternativas. La opción de filas alternativas distinguiría el color de la fila.

6. Celda: Haga clic en este botón y seleccione la acción para fusionar o dividir celdas. Puede dividir una celda vertical u horizontalmente cualquier número de veces. La opción de combinación solo se habilitará cuando seleccione más de una celda horizontal o verticalmente.

7. Fondo de celda: para cambiar el color de fondo de la celda. Puede seleccionar de la paleta de colores disponible o ingresar el código HEX.

8. Alineación vertical: para cambiar la alineación vertical del contenido de la celda. Puede hacer esto para una sola celda o varias selecciones de celdas. Si la altura de la celda es mayor que el ajuste del contenido, puede optar por 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 de la celda. Puede hacer esto para una sola celda o varias selecciones de celdas. Si el ancho de celda es mayor que el ajuste del contenido, puede alinear el contenido en el estilo izquierdo, central, derecho o justificado.

10. Estilo de celda: para cambiar el tipo de borde de celda. Puede utilizar 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 los editores HTML.

¿Es fácil de usar el editor WYSIWYG?

Usar el editor WYSIWYG se sentirá similar a usar una aplicación de procesamiento de texto.

Por ejemplo, Microsoft Word, Google Docs, etc.

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

¿Por qué utilizar 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 proporciona una función única para pegar tablas grandes desde un sitio de terceros u otra base de conocimientos.