Editor LiKE

L'editor integrato per creare e modificare gli articoli della knowledge base. Basato su TipTap (ProseMirror) — lo stesso motore usato in Notion, GitBook e altri editor moderni.

#Interfaccia dell'editor

L'editor ha quattro zone principali:

#Creazione di un articolo

1. Nella sezione Articoli (o nella schermata Panoramica), faccia clic su "+ Crea articolo" — si apre l'editor.
2. Per un nuovo articolo, l'editor mostra una finestra di dialogo "Scelga un modello": parta da zero, generi con AI Author o usi un modello già pronto (elenco più sotto).
3. Inserisca un titolo e scriva nell'area principale.
4. L'articolo viene salvato automaticamente a ogni modifica.

#Modelli per nuovi articoli

Oltre ai modelli di sistema, un Editor+ può creare modelli personalizzati per l'organizzazione.

#Barra degli strumenti

La barra degli strumenti si trova sopra l'area di modifica. I pulsanti sono raggruppati per funzione e separati da divisori verticali.

#Descrizioni dei gruppi di pulsanti

1. Cronologia — ↩ Annulla (Ctrl+Z), ↪ Ripeti (Ctrl+Shift+Z)

2. Tipo di blocco — passa tra paragrafo e titoli H1–H3

3. Formattazione — B grassetto, I corsivo, U sottolineato, S barrato, ~ codice inline

4. Link ed elenchi — collegamento ipertestuale (Ctrl+Shift+K), puntato, numerato, checklist

5. Blocchi — citazione, codice con evidenziazione, tabella (selettore a griglia fino a 8x8), divisore, immagine

6. Blocchi speciali — Callout (info / warning / error / success), Toggle (blocco comprimibile)

7. Allineamento — sinistra, centro, destra

8. Colore — colore del testo (9 colori), evidenziazione dello sfondo (7 colori)

9. AI — menu a discesa: AI Format, AI Improve, AI Rewrite, AI Translate (più sotto)

10. Zoom — dal 70% al 150%, conteggio parole e tempo di lettura

#Comandi slash

Digiti / su una riga vuota per aprire il menu di inserimento rapido. Inizi a digitare un nome per filtrare.

Il pulsante "+" — lo stesso elenco può essere aperto con il pulsante "+" che appare a sinistra di una riga vuota (quando il cursore è in un paragrafo vuoto). È comodo per inserire un blocco con il mouse senza digitare /.

#Bubble Menu (menu fluttuante)

Menu contestuali che appaiono automaticamente quando interagisce con un tipo specifico di contenuto.

#Quando seleziona del testo

Selezioni un frammento — un pannello fluttuante appare sopra di esso:

B grassetto · I corsivo · U sottolineato · S barrato · ~ codice · 🔗 link · ab evidenzia · X₂ pedice · X² apice

#Quando fa clic su una tabella

Quando il cursore è in una cella di tabella, appare un menu contestuale:

1. Righe — aggiunga una riga sopra/sotto, elimini una riga
2. Colonne — aggiunga una colonna a sinistra/destra, elimini una colonna
3. Celle — unisca quelle selezionate, divida una precedentemente unita
4. Intestazione — contrassegni una riga come intestazione
5. Espandi a larghezza intera — estenda la tabella su tutta la larghezza del canvas. Disponibile in orientamento verticale; in orizzontale il pulsante è nascosto (lì il canvas è già ampio)
6. Formattazione del testo della cella (il pulsante "Aa") — grassetto, corsivo, sottolineato, barrato, codice, evidenzia, pedice e apice
7. Elimina tabella — rimuova l'intera tabella

#Quando fa clic su un'immagine

1. Dimensione (preset) — cinque opzioni:
   • S — 25% della larghezza della colonna (miniatura)
   • M — 50% (metà del testo)
   • L — 75% (illustrazione grande)
   • Full — 100% (su tutta la larghezza del contenuto)
   • U (Personalizzata) — qualsiasi larghezza arbitraria impostata manualmente trascinando l'angolo dell'immagine (maniglie d'angolo). Questa voce è evidenziata in giallo automaticamente se la larghezza attuale non corrisponde ad alcun preset — un indicatore del fatto che "ha eseguito un ridimensionamento manuale". Fare clic su U non cambia la larghezza — è solo un indicatore.
2. Allineamento — tre opzioni:
   • ◀ Sinistra — il testo scorre a destra (float: left)
   • ■ Centro — l'immagine è centrata, il testo scorre sopra e sotto (senza avvolgimento)
   • ▶ Destra — il testo scorre a sinistra (float: right)
   • Riduzione automatica: se sceglie l'allineamento a sinistra/destra alla dimensione Full, la larghezza si riduce automaticamente a L (75%) — altrimenti l'avvolgimento del testo non sarebbe percepibile (un'immagine a tutta larghezza "spinge" tutto il testo sotto di sé).
3. Sposta blocco su/giù (⌃ / ⌄) — scambia posto con il blocco adiacente (paragrafo, titolo, un'altra immagine) senza usare il drag & drop. Utile per rifinire il layout.
4. Testo alternativo (Alt) — una descrizione per SEO e accessibilità (screen reader per gli ipovedenti). Si apre un piccolo prompt; inserisca 1–2 frasi sul contenuto dell'immagine.
5. Elimina — rimuova l'immagine dall'articolo.

Ridimensionamento con trascinamento. Oltre ai preset S/M/L/Full, può trascinare gli angoli di un'immagine selezionata con il mouse — la larghezza viene impostata in pixel o percentuale con precisione al pixel. Questa opzione di larghezza è ciò che l'indicatore U evidenzia nel bubble menu.

#Scorciatoie da tastiera

#Immagini

#Come inserire

Le immagini vengono caricate automaticamente nell'archiviazione cloud (S3 / compatibile). Il testo conserva un link a un URL sicuro — l'originale non va perso quando si copiano i contenuti.

#Controllo della dimensione

Ci sono 4 preset e una dimensione personalizzata:

#Allineamento e avvolgimento

Tre opzioni di posizionamento:

• Sinistra — l'immagine è ancorata al bordo sinistro, il testo scorre a destra
• Centro — l'immagine è centrata, il testo scorre sopra e sotto senza avvolgimento
• Destra — l'immagine è ancorata al bordo destro, il testo scorre a sinistra

Nota: quando prova ad allineare un'immagine a sinistra/destra in modalità Full, si riduce automaticamente a L (75%) — altrimenti l'avvolgimento non sarebbe percepibile. Questo è un comportamento deliberato per un layout sensato.

#Ritaglio, rotazione e ordine

Selezioni un'immagine — nel bubble menu che appare, oltre a dimensione e allineamento, può:

• Ritaglia / ruota — apre l'editor di immagini integrato (ritaglio, rotazione, ribaltamento)
• Sposta su / giù — sposti l'immagine tra i blocchi adiacenti senza taglia e incolla
• Elimina immagine

#Accessibilità (testo alternativo)

Il pulsante Alt nel bubble menu apre un prompt in cui può inserire una descrizione del contenuto dell'immagine. Viene usato:

• Dai motori di ricerca (SEO) — Google indicizza il testo alternativo per la ricerca di immagini
• Dagli screen reader per gli utenti ipovedenti
• In caso di errore di caricamento — il testo alternativo viene mostrato al posto dell'immagine

Consigliamo di dare un alt significativo di 1–2 frasi a ogni immagine che veicola informazioni (screenshot dell'interfaccia, diagrammi, grafici). Le immagini decorative possono essere lasciate con un alt vuoto.

#Tabelle

#Inserimento di una tabella

1. Faccia clic sul pulsante ▦ nella barra degli strumenti
2. Appare una griglia di selezione della dimensione (fino a 8x8)
3. Passi il mouse per scegliere il numero di righe e colonne
4. Faccia clic per inserire

Oppure digiti /table nei comandi slash.

#Lavorare con una tabella

Sopra la tabella appare un trigger compatto (un'icona di tabella + un pulsante separato Aa per formattare il testo delle celle). Un clic apre un menu con gruppi:

Inoltre: i bordi delle colonne possono essere trascinati con il mouse per cambiarne la larghezza; il menu stesso può essere trascinato dalla sua maniglia superiore.

Espandi a larghezza intera — la tabella si estende oltre la colonna di testo e occupa tutta la larghezza disponibile del canvas (stile Notion). Questa opzione è disponibile in orientamento verticale; in orizzontale il canvas è già ampio (vedi sotto).

#Orientamento del canvas (verticale / orizzontale)

La barra superiore dell'editor ha un interruttore di orientamento con due pulsanti:

• Orientamento verticale — la colonna di contenuto standard (stretta, comoda da leggere).
• Orientamento orizzontale (per tabelle larghe) — la colonna si allarga per adattarsi a tabelle e diagrammi larghi.

La scelta viene ricordata e applicata non solo nell'editor ma anche in fase di stampa e nell'anteprima A4 (il foglio ruota in orizzontale). Per una singola tabella larga può lasciare invariato l'orientamento dell'intero documento ed espandere solo quella tabella (vedi "Espandi a larghezza intera" sopra).

#Embed (contenuti incorporati)

Inserisca contenuti da servizi esterni tramite il comando slash /embed:

1. Digiti /embed → appare un campo URL
2. Incolli il link del contenuto
3. L'editor rileva automaticamente il tipo e crea un'anteprima iframe

Servizi supportati:

• YouTube — video
• Vimeo — video
• Figma — mockup e design
• Loom — registrazioni dello schermo
• Miro — bacheche interattive
• Google Docs / Sheets / Slides — documenti, fogli di calcolo e presentazioni

#Diagrammi Mermaid

Crei diagrammi direttamente nel testo tramite il comando slash /mermaid:

graph TD
    A[Start] --> B{Condition}
    B -->|Yes| C[Action 1]
    B -->|No| D[Action 2]

Tipi supportati: diagrammi di flusso, diagrammi di sequenza, diagrammi di Gantt, mappe mentali e altro.

#Formule matematiche

#Formula a blocco

Digiti /math — si apre un editor di formule LaTeX. Esempio:

E = mc^2

#Formula inline

Digiti /math-inline per una formula all'interno del testo, ad es.: con accelerazione a = F/m.

Rendering tramite KaTeX — supporta la maggior parte dei comandi LaTeX.

#Assistenti AI

L'assistente AI è disponibile tramite il pulsante ✨ AI nella barra degli strumenti. Quattro funzioni:

Maggiori informazioni: Assistenti AI

#Barra laterale

A destra dell'editor c'è un pannello con quattro schede:

#1. Sommario (TOC)

• Costruito automaticamente dai titoli H1, H2, H3
• Faccia clic su una voce — l'editor scorre alla sezione
• Si aggiorna in tempo reale man mano che aggiunge titoli

#2. Insights

• Quality score — una valutazione AI della completezza e leggibilità dell'articolo (0–100 punti)
• Lacune (Gap Alerts) — argomenti su cui gli utenti chiedono ma a cui l'articolo non risponde
• Domande correlate — query a cui questo articolo aiuta a rispondere
• Raccomandazioni — suggerimenti per migliorare il contenuto
• Revisione — un pannello per inviare l'articolo in revisione (per Pro/Enterprise)

#3. Commenti

Discussione direttamente nell'articolo (disponibile sul piano Pro e superiori):

• Aggiunga un commento — all'intero articolo o a un frammento selezionato (il testo del frammento è mostrato nell'intestazione del commento). Ctrl/⌘+Enter — invio rapido.
• Risposte — un thread di risposta; menzioni un membro tramite @Nome.
• Risolvi / riapri — contrassegni una discussione come risolta e la riapra; il filtro "Attivi / Risolti".
• Può modificare il proprio commento; eliminare — l'autore o un editor e superiori.
• L'autore dell'articolo riceve una notifica su un nuovo commento, l'autore del thread — su una risposta.

#4. Cronologia

• Un elenco di tutte le versioni dell'articolo con date e autori
• Visualizzi le versioni precedenti
• Ripristini qualsiasi versione salvata
• Vengono conservati gli ultimi 30 punti di ripristino per documento — quelli più vecchi vengono eliminati automaticamente.
• Per evitare un punto per ogni salvataggio automatico, le modifiche all'interno di una singola sessione (≈10 minuti) vengono unite in un unico punto. Un "Salva" esplicito, "Pubblica" e le operazioni AI creano un punto separato.

#Salvataggio e pubblicazione

#Salvataggio automatico

L'articolo viene salvato automaticamente pochi secondi dopo ogni modifica. Lo stato è mostrato nella barra inferiore:

• Salvataggio in corso... — un salvataggio è in corso
• Salvato ✓ — tutte le modifiche sono salvate

#Salvataggio manuale

Prema Ctrl+S (⌘S su Mac) per salvare immediatamente.

#Pubblicazione

1. Faccia clic sul pulsante Pubblica nell'angolo in alto a destra
2. L'articolo diventa disponibile per la ricerca e le risposte AI
3. Lo stato cambia in "Pubblicato ✓"

Qualsiasi nuova modifica dopo la pubblicazione azzera lo stato e deve fare clic di nuovo su "Pubblica".

#Visibilità dell'articolo

Ogni articolo ha un livello di visibilità (impostato tramite il badge accanto al titolo):

Quando imposta un articolo su Pubblico, LiKE lo analizza alla ricerca di dati personali e, se ne rileva, mostra una finestra di dialogo di conferma prima della pubblicazione. Veda Verifica dei dati personali prima della pubblicazione.

#Esportazione e condivisione

#Esportazione

Faccia clic sul pulsante Esporta nell'angolo in alto a destra. Formati disponibili:

• Markdown — il testo sorgente
• HTML — una pagina web
• PDF — un documento per la stampa
• DOCX — un documento Word

#Condivisione

Faccia clic sul pulsante Condividi:

1. Link pubblico — chiunque abbia il link può leggere
2. Interno — solo utenti autenticati
3. Embed — codice HTML per l'incorporamento su un sito web

#Revisione (Pro e superiori)

Approvazione di un articolo prima della pubblicazione. Il pannello è nella barra laterale destra dell'editor, nella scheda Insights (il blocco "Approvazione").

1. Invia in revisione — l'autore fa clic su "Invia in revisione" e sceglie un revisore dall'elenco. Un articolo può avere una sola richiesta attiva.
2. Notifica — il revisore scelto riceve una notifica "Le si chiede di revisionare…".
3. Decisione del revisore (ruolo Editor e superiori; non può revisionare la propria richiesta):
   • Approva — se l'articolo era una bozza, viene automaticamente impostato su visibilità "Interno"
   • Richiedi modifiche — lo restituisce all'autore per la revisione
   • Rifiuta
4. Notifica all'autore — con l'esito (approvato / rifiutato / da rivedere).
5. Ritira — l'autore può ritirare la propria richiesta finché è in sospeso.