Descargo de responsabilidad: Este artículo se generó mediante traducción automática.

Editor WYSIWYG

Prev Next

Planes que admiten el uso del editor WYSIWYG

Profesional
Negocio
Empresa






El editor WYSIWYG (Lo que ve es lo que obtiene), también conocido como editor 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 en el sitio de la base de conocimientos.

NOTA

No se 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. Navegue hasta el 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. Aparecerá un panel con las siguientes opciones:

    • Título: Edita 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, el artículo debe contener al menos 50 caracteres.

    • URL: Edita 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 dirección 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: Introduzca una breve descripción del artículo.

WYSIWYG editor interface showing title, URL, and description fields with arrow indicators.


Barra de herramientas del editor WYSIWYG

La barra de herramientas WYSIWYG ofrece varias opciones para editar y formatear el texto, incluida la opción de insertar archivos multimedia. A continuación se muestran y elaboran las diferentes secciones de la barra de herramientas y sus usos.

Document360 interface shows the toolbars of WYSIWYG editor

Característica

Opciones

Descripción

  1. Encabezados

Normal

Aplica el estilo de párrafo predeterminado. Úsalo para el contenido regular del cuerpo de tu artículo.

Rúbrica 2

Se utiliza para los encabezados de las secciones principales. Ayuda a los lectores a identificar rápidamente los temas clave dentro de un artículo.

Rúbrica 3

Se utiliza para las subsecciones del Título 2. Organiza el contenido en fragmentos legibles dentro de cada sección.

Rúbrica 4

Se utiliza para divisiones más pequeñas dentro del contenido del Título 3. Ayuda a estructurar información compleja de forma más granular.

  1. Formato de texto

Negrita ()

Enfatice el texto con estilo negrita.

Cursiva ()

Enfatice el texto con el estilo cursiva.

Subrayar

Añada un subrayado al texto seleccionado.

Tachado ()

Tacha el texto tachado.

Más texto ()

Proporciona opciones para actualizar el tamaño de fuente, la familia de fuentes, el color del texto, el color de fondo, el subíndice, el superíndice y el formato claro.

  1. Formato de párrafo

Lista desordenada ()

Haga una lista con los siguientes símbolos: •, ○, ◘. Los símbolos de disco y predeterminados son los mismos.

Lista ordenada ()

Hacer una lista denotada con números para cada artículo. Puede usar números, alfabetos, números romanos y números griegos. El valor predeterminado se refiere a los números.

Más párrafos ()

Para actualizar la alineación, la altura de línea de los párrafos, las sangrías y el texto de la cita.

  1. Opciones de inserción

Insertar enlace ()

Agregue un hipervínculo desde una URL proporcionada o un artículo de la base de conocimientos al texto seleccionado.

Insertar bloque de código ()

Agregue un bloque de código a su artículo, como un fragmento de código de JavaScript.

Insertar imagen ()

Inserta una imagen desde la URL, el almacenamiento local o Drive. Por ejemplo, puede agregar una captura de pantalla de la interfaz de usuario. También puede usar (Ctrl+p) para realizar esta acción.

Insertar archivo ()

Añade un archivo de Drive, como un archivo de Word o PDF.

Insertar llamadas ()

Agregue cuadros de información editables en azul, amarillo y rojo para obtener información adicional, importante y esencial, respectivamente.

Notas privadas

Inserte un cuadro de comentarios interno editable visible solo para los miembros del equipo que han iniciado sesión para recibir comentarios internos.

Insertar LaTeX ()

Agregue expresiones matemáticas y ecuaciones utilizando la sintaxis de LaTeX.

  • Para agregar, haga clic en la opción Insertar LaTeX y aparecerá un panel de expresión Insertar látex. Escriba la sintaxis LaTeX que desee y haga clic en Insertar.

    NOTA

    Para obtener más información, lea este artículo de ayuda sobre Supported TeX/LaTeX commands.

  • Para editar, haga clic en el icono Editar () de la expresión. Aparecerá el panel Insertar expresión de látex. Realice los cambios necesarios en la sintaxis y haga clic en Actualizar.

  • Para eliminar, haga clic en el icono Eliminar ().

Buscar y reemplazar ()

  • Busque y reemplace el texto dentro de su artículo, útil en artículos largos.

Reutilización de contenidos ()

Reutiliza el contenido en todo el proyecto con:

  • Variable: Para el contenido del texto.

  • Fragmento: Para texto, imágenes, tablas, bloques de código, etc.

Glosario

Mantenga una lista de términos y sus definiciones dentro de la base de conocimientos.

  1. Más rico

Insertar vídeo ()

Inserta videos de plataformas como YouTube, Wistia, Streams o Vimeo.

Insertar tabla ()

Agregue una tabla seleccionando el número deseado de filas y columnas.

Insertar línea horizontal (—)

Agregue una línea en el artículo.

Emoticonos ()

Inserta emoticonos para mejorar la participación del artículo.

  1. Otras opciones

Vista de código ()

Cambie al editor de sintaxis HTML.

Deshacer ()

Deshacer la acción anterior.

Rehacer ()

Repita la acción anterior.

  1. Interruptor de editor

El interruptor de editor se utiliza si desea convertir su artículo al editor WYSIWYG avanzado.

Haga clic en el interruptor y haga clic en Cambiar a nuevo editor y el artículo se convertirá en editor WYSIWYG avanzado.

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

1. 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 añadir un enlace a la imagen. Después de agregar el enlace, puede abrir, eliminar y editar el enlace.

  6. Visualización: Para cambiar la visualización de la imagen. Puede utilizar las opciones En línea o Romper texto.

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

  8. Texto alternativo: Para añadir texto alternativo a 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 como 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, utilizar la herramienta Mano para la navegación y acceder al historial de estados anteriores. Utilice 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 termine, haga clic en Guardar   para aplicar y almacenar los cambios.

2. Vídeo

Una vez que incruste un video en un artículo, puede acceder a las siguientes opciones haciendo clic a la izquierda o a la 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 del vídeo. Puede utilizar las opciones En línea o Romper texto.

  4. Alinear: Para alinear el vídeo.

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

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

3. 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.

4. 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: active o desactive el encabezado de la 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 la tabla y el contenido se eliminarán. Si ha hecho clic accidentalmente en eliminar, 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 la 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ía 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, media 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 a la izquierda, al centro, a la derecha o con el estilo justificado.

  10. Estilo de celda: Para cambiar el tipo del borde de la 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 el editor WYSIWYG fácil de usar?

El uso del editor WYSIWYG se sentirá similar al uso de una aplicación de procesamiento de textos.

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 característica única para pegar tablas grandes desde un sitio de terceros u otra base de conocimiento.


Preguntas más frecuentes

¿Cómo puedo insertar símbolos de flecha hacia arriba y hacia abajo en el editor WYSIWYG?

Puede agregar caracteres de flecha hacia arriba (↑) y hacia abajo (↓) en el editor WYSIWYG utilizando cualquiera de los siguientes métodos:

  1. Uso de atajos de teclado

    1. Flecha hacia arriba (↑): Presione ALT + 24 en el teclado numérico

    2. Flecha hacia abajo (↓): Presione ALT + 25 en el teclado numérico

    Nota: Asegúrese de que NUM LOCK esté habilitado en su teclado cuando utilice estos métodos abreviados.

  2. Uso de Unicode en la vista de código

    Si se siente cómodo editando en la Vista de código del editor WYSIWYG, puede insertar los siguientes valores Unicode:

    1. Flecha hacia arriba: ↑

    2. Flecha hacia abajo: ↓

Estos métodos le permiten insertar caracteres de flecha donde sea necesario en el contenido de su artículo.