Nota a piè di pagina
Collega spiegazioni aggiuntive con numeri nel testo e un elenco alla fine del documento.
Inserisci il contenuto con il pulsante delle note nella barra degli strumenti per aggiungere una nota al cursore. Se del testo è selezionato, la nota viene inserita alla fine della selezione senza sostituirlo. I numeri non vengono salvati, ma assegnati automaticamente nell’ordine del documento.
Fai clic su un numero nel testo per modificarne il contenuto nella riga delle proprietà. Usa lo strumento di eliminazione oppure premi due volte Backspace o Delete accanto alla nota per selezionarla e poi eliminarla. L’elenco sottostante è di sola lettura e scompare quando non ci sono note.
Nell’anteprima e nelle pagine pubblicate con il viewer collegato, passa il puntatore su un numero, fai clic o toccalo per leggere il contenuto. È accettata una sola riga di testo semplice, mostrata in un carattere senza grazie con dimensione pari a 0,875 volte quella di base del corpo. L’HTML viene mostrato letteralmente.
npm install nabi-noteimport {
createLocale, createNabiWith, mountSurface, mountToolbar,
mountContextToolbar, mountHints, watchSettle, highlightWing, linkWing,
footnoteWing, mountViewTools,
} from 'nabi-note'
const selected = [
highlightWing,
linkWing,
footnoteWing,
]
const locale = createLocale('it')
const { nabi, registry } = createNabiWith(selected, { locale })
const root = document.querySelector('.nabi')!
const content = document.querySelector('.nabi-content')!
// The locale also sets the direction — Arabic and Urdu run right to left
mountSurface({ nabi, registry, root: content, locale })
const settle = watchSettle(document, { surface: content })
const shared = { nabi, registry, surface: content, settle, locale }
const toolbar = mountToolbar({ ...shared, root: document.querySelector('#toolbar')! })
const context = mountContextToolbar({ ...shared, root: document.querySelector('#context')! })
mountHints({ toolbar, context, root, surface: content })
// The preview and fullscreen buttons — they stand their own box at the end of the row
mountViewTools({ ...shared, root, container: document.querySelector('#toolbar')! })
// on every change — hook up your own code here
// nabi.onChange(() => user_callback(nabi.getHtml()))
// Call from your language selector. Content and editing history stay intact.
// locale.setLocale('ko')const selected = wings().use('fn').build()