Editor LiKE

El editor integrado para crear y editar artículos de la base de conocimiento. Construido sobre TipTap (ProseMirror) — el mismo motor que usan Notion, GitBook y otros editores modernos.

#Interfaz del editor

El editor tiene cuatro zonas principales:

#Crear un artículo

1. En la sección Artículos (o en la pantalla de Visión general), haga clic en "+ Crear artículo" — se abre el editor.
2. Para un artículo nuevo, el editor muestra un diálogo "Elegir una plantilla": empezar en blanco, generar con AI Writer o usar una plantilla lista (lista más abajo).
3. Introduzca un título y escriba en el área principal.
4. El artículo se guarda automáticamente con cada cambio.

#Plantillas de artículo nuevo

Además de las plantillas del sistema, Editor+ puede crear plantillas personalizadas para la organización.

#Barra de herramientas

La barra de herramientas se sitúa sobre el área de edición. Los botones están agrupados por función y separados por divisores verticales.

#Descripciones de los grupos de botones

1. Historial — ↩ Deshacer (Ctrl+Z), ↪ Rehacer (Ctrl+Shift+Z)

2. Tipo de bloque — cambiar entre párrafo y encabezados H1–H3

3. Formato — B negrita, I cursiva, U subrayado, S tachado, ~ código en línea

4. Enlaces y listas — hipervínculo (Ctrl+Shift+K), viñetas, numerada, lista de tareas

5. Bloques — cita, código con resaltado, tabla (selector de cuadrícula hasta 8x8), divisor, imagen

6. Bloques especiales — Callout (información / advertencia / error / éxito), Toggle (bloque plegable)

7. Alineación — izquierda, centro, derecha

8. Color — color del texto (9 colores), resaltado de fondo (7 colores)

9. IA — menú desplegable: Formateo con IA, Mejorar con IA, Reescribir con IA, Traducir con IA (más abajo)

10. Zoom — de 70 % a 150 %, recuento de palabras y tiempo de lectura

#Comandos con barra

Escriba / en una línea vacía para abrir el menú de inserción rápida. Empiece a escribir un nombre para filtrar.

El botón "+" — la misma lista se puede abrir con el botón "+" que aparece a la izquierda de una línea vacía (cuando el cursor está en un párrafo vacío). Es cómodo para insertar un bloque con el ratón sin escribir /.

#Bubble Menu (menú flotante)

Menús contextuales que aparecen automáticamente cuando interactúa con un tipo de contenido concreto.

#Al seleccionar texto

Seleccione un fragmento — aparece un panel flotante sobre él:

B negrita · I cursiva · U subrayado · S tachado · ~ código · 🔗 enlace · ab resaltado · X₂ subíndice · X² superíndice

#Al hacer clic en una tabla

Cuando el cursor está en una celda de tabla, aparece un menú contextual:

1. Filas — añadir una fila arriba/abajo, eliminar una fila
2. Columnas — añadir una columna a la izquierda/derecha, eliminar una columna
3. Celdas — combinar las seleccionadas, dividir una previamente combinada
4. Encabezado — marcar una fila como encabezado
5. Expandir a ancho completo — extender la tabla por todo el ancho del lienzo. Disponible en orientación vertical; en horizontal el botón está oculto (el lienzo ya es ancho ahí)
6. Formato del texto de celda (el botón "Aa") — negrita, cursiva, subrayado, tachado, código, resaltado, subíndice y superíndice
7. Eliminar tabla — quitar toda la tabla

#Al hacer clic en una imagen

1. Tamaño (preajustes) — cinco opciones:
   • S — 25 % del ancho de columna (miniatura)
   • M — 50 % (la mitad del texto)
   • L — 75 % (ilustración grande)
   • Full — 100 % (por todo el ancho del contenido)
   • U (Personalizado) — cualquier ancho arbitrario establecido manualmente arrastrando la esquina de la imagen (tiradores de esquina). Este elemento se resalta en amarillo automáticamente si el ancho actual no coincide con ningún preajuste — un indicador de que "ha realizado un redimensionamiento manual". Hacer clic en U no cambia el ancho — es solo un indicador.
2. Alineación — tres opciones:
   • ◀ Izquierda — el texto se ajusta a la derecha (float: left)
   • ■ Centro — la imagen se centra, el texto va por encima y por debajo (sin ajuste)
   • ▶ Derecha — el texto se ajusta a la izquierda (float: right)
   • Reducción automática: si elige la alineación izquierda/derecha en el tamaño Full, el ancho se reduce automáticamente a L (75 %) — de lo contrario el ajuste del texto no se notaría (una imagen de ancho completo "empuja" todo el texto debajo de ella).
3. Mover el bloque arriba/abajo (⌃ / ⌄) — intercambiar lugar con el bloque vecino (párrafo, encabezado, otra imagen) sin usar arrastrar y soltar. Práctico para ajustar la disposición.
4. Texto alternativo (Alt) — una descripción para SEO y accesibilidad (lectores de pantalla para personas con discapacidad visual). Se abre una pequeña indicación; introduzca 1–2 frases sobre el contenido de la imagen.
5. Eliminar — quitar la imagen del artículo.

Redimensionar arrastrando. Además de los preajustes S/M/L/Full, puede arrastrar las esquinas de una imagen seleccionada con el ratón — el ancho se establece en píxeles o porcentaje con precisión de píxel. Esta opción de ancho es la que resalta el indicador U en el bubble menu.

#Atajos de teclado

#Imágenes

#Cómo insertar

Las imágenes se suben automáticamente al almacenamiento en la nube (S3 / compatible). El texto conserva un enlace a una URL segura — el original no se pierde al copiar el contenido.

#Control del tamaño

Hay 4 preajustes y un tamaño personalizado:

#Alineación y ajuste

Tres opciones de posicionamiento:

• Izquierda — la imagen se fija al borde izquierdo, el texto se ajusta a la derecha
• Centro — la imagen se centra, el texto va por encima y por debajo sin ajuste
• Derecha — la imagen se fija al borde derecho, el texto se ajusta a la izquierda

Nota: cuando intenta alinear una imagen a la izquierda/derecha en modo Full, se reduce automáticamente a L (75 %) — de lo contrario el ajuste no se notaría. Este es un comportamiento deliberado para una disposición sensata.

#Recortar, rotar y ordenar

Seleccione una imagen — en el bubble menu emergente, además del tamaño y la alineación, puede:

• Recortar / rotar — abre el editor de imágenes integrado (recorte, rotación, volteo)
• Mover arriba / abajo — desplazar la imagen entre los bloques vecinos sin cortar y pegar
• Eliminar imagen

#Accesibilidad (texto Alt)

El botón Alt en el bubble menu abre una indicación donde puede introducir una descripción del contenido de la imagen. Se usa:

• Por los motores de búsqueda (SEO) — Google indexa el texto alt para la búsqueda de imágenes
• Por los lectores de pantalla para usuarios con discapacidad visual
• En caso de fallo de carga — el texto alt se muestra en lugar de la imagen

Recomendamos dar un alt significativo de 1–2 frases a cada imagen que aporte información (capturas de la interfaz, diagramas, gráficos). Las imágenes decorativas pueden dejarse con un alt vacío.

#Tablas

#Insertar una tabla

1. Haga clic en el botón ▦ de la barra de herramientas
2. Aparece una cuadrícula selectora de tamaño (hasta 8x8)
3. Pase el ratón para elegir el número de filas y columnas
4. Haga clic para insertar

O escriba /table en los comandos con barra.

#Trabajar con una tabla

Sobre la tabla aparece un disparador compacto (un icono de tabla + un botón Aa aparte para formatear el texto de las celdas). Un clic abre un menú con grupos:

Adicionalmente: los bordes de columna se pueden arrastrar con el ratón para cambiar el ancho; el propio menú se puede arrastrar por su tirador superior.

Expandir a ancho completo — la tabla se extiende más allá de la columna de texto y ocupa todo el ancho disponible del lienzo (al estilo de Notion). Esta opción está disponible en orientación vertical; en horizontal el lienzo ya es ancho (véase más abajo).

#Orientación del lienzo (vertical / horizontal)

La barra superior del editor tiene un conmutador de orientación de dos botones:

• Orientación vertical — la columna de contenido estándar (estrecha, cómoda de leer).
• Orientación horizontal (para tablas anchas) — la columna se ensancha para ajustarse a tablas anchas y diagramas.

La elección se recuerda y se aplica no solo en el editor, sino también al imprimir y en la vista previa A4 (la hoja rota a horizontal). Para una sola tabla ancha puede dejar la orientación de todo el documento sin cambiar y expandir solo esa tabla (véase "Expandir a ancho completo" más arriba).

#Embeds (contenido incrustado)

Inserte contenido de servicios externos mediante el comando con barra /embed:

1. Escriba /embed → aparece un campo de URL
2. Pegue el enlace del contenido
3. El editor detecta automáticamente el tipo y crea una vista previa en iframe

Servicios admitidos:

• YouTube — vídeos
• Vimeo — vídeo
• Figma — maquetas y diseños
• Loom — grabaciones de pantalla
• Miro — tableros interactivos
• Google Docs / Sheets / Slides — documentos, hojas de cálculo y presentaciones

#Diagramas Mermaid

Cree diagramas directamente en el texto mediante el comando con barra /mermaid:

graph TD
    A[Inicio] --> B{Condición}
    B -->|Sí| C[Acción 1]
    B -->|No| D[Acción 2]

Tipos admitidos: diagramas de flujo, diagramas de secuencia, diagramas de Gantt, mapas mentales y más.

#Fórmulas matemáticas

#Fórmula en bloque

Escriba /math — se abre un editor de fórmulas LaTeX. Ejemplo:

E = mc^2

#Fórmula en línea

Escriba /math-inline para una fórmula dentro del texto, p. ej.: con la aceleración a = F/m.

Renderizado mediante KaTeX — admite la mayoría de los comandos de LaTeX.

#Asistentes de IA

El asistente de IA está disponible mediante el botón ✨ AI de la barra de herramientas. Cuatro funciones:

Más información: Asistentes de IA

#Barra lateral

A la derecha del editor hay un panel con cuatro pestañas:

#1. Tabla de contenidos (TOC)

• Se construye automáticamente a partir de los encabezados H1, H2, H3
• Haga clic en un elemento — el editor se desplaza a la sección
• Se actualiza en tiempo real a medida que añade encabezados

#2. Insights

• Quality score — una evaluación con IA de la completitud y legibilidad del artículo (0–100 puntos)
• Lagunas (Gap Alerts) — temas por los que los usuarios preguntan pero que el artículo no responde
• Preguntas relacionadas — consultas que este artículo ayuda a responder
• Recomendaciones — sugerencias para mejorar el contenido
• Revisión — un panel para enviar el artículo a revisión (para Pro/Enterprise)

#3. Comentarios

Discusión directamente en el artículo (disponible en el plan Pro y superiores):

• Añadir un comentario — a todo el artículo o a un fragmento seleccionado (el texto del fragmento se muestra en el encabezado del comentario). Ctrl/⌘+Enter — envío rápido.
• Respuestas — un hilo de respuestas; mencione a un miembro mediante @Nombre.
• Resolver / reabrir — marcar una discusión como resuelta y reabrirla; el filtro "Activas / Resueltas".
• Puede editar su propio comentario; eliminar — el autor o un editor y superiores.
• El autor del artículo recibe una notificación sobre un nuevo comentario, el autor del hilo — sobre una respuesta.

#4. Historial

• Una lista de todas las versiones del artículo con fechas y autores
• Ver versiones anteriores
• Revertir a cualquier versión guardada
• Se conservan los últimos 30 puntos de restauración por documento — los más antiguos se eliminan automáticamente.
• Para evitar un punto por cada guardado automático, las ediciones dentro de una misma sesión (≈10 minutos) se fusionan en un punto. Un "Guardar" explícito, "Publicar" y las operaciones de IA crean un punto aparte.

#Guardar y publicar

#Guardado automático

El artículo se guarda automáticamente unos segundos después de cada cambio. El estado se muestra en la barra inferior:

• Guardando... — un guardado está en curso
• Guardado ✓ — todos los cambios están guardados

#Guardado manual

Pulse Ctrl+S (⌘S en Mac) para guardar de inmediato.

#Publicación

1. Haga clic en el botón Publicar en la esquina superior derecha
2. El artículo pasa a estar disponible para la búsqueda y las respuestas de IA
3. El estado cambia a "Publicado ✓"

Cualquier nueva edición después de publicar reinicia el estado, y debe volver a hacer clic en "Publicar".

#Visibilidad del artículo

Cada artículo tiene un nivel de visibilidad (establecido mediante la insignia junto al título):

Cuando cambia un artículo a Público, LiKE lo analiza en busca de datos personales y, si encuentra alguno, muestra un diálogo de confirmación antes de publicar. Véase Comprobación de datos personales antes de publicar.

#Exportación y compartir

#Exportación

Haga clic en el botón Exportar en la esquina superior derecha. Formatos disponibles:

• Markdown — el texto fuente
• HTML — una página web
• PDF — un documento para imprimir
• DOCX — un documento de Word

#Compartir

Haga clic en el botón Compartir:

1. Enlace público — cualquiera con el enlace puede leer
2. Interno — solo usuarios autenticados
3. Embed — código HTML para incrustar en un sitio web

#Revisión (Pro y superiores)

Aprobación de un artículo antes de publicarlo. El panel está en la barra lateral derecha del editor, en la pestaña Insights (el bloque "Aprobación").

1. Enviar a revisión — el autor hace clic en "Enviar a revisión" y elige un revisor de la lista. Un artículo solo puede tener una solicitud activa.
2. Notificación — el revisor elegido recibe una notificación de "Se le pide que revise…".
3. Decisión del revisor (rol Editor y superiores; no puede revisar su propia solicitud):
   • Aprobar — si el artículo era un borrador, se cambia automáticamente a visibilidad "Interno"
   • Solicitar cambios — devolverlo al autor para su revisión
   • Rechazar
4. Notificación al autor — con el resultado (aprobado / rechazado / necesita revisión).
5. Retirar — el autor puede retirar su solicitud mientras esté pendiente.