NABI NOTE
Documentación

Lista con viñetas ​

Una lista con viñetas presenta varios elementos sin orden. Escribe - seguido de Space en un párrafo vacío o cambia el tipo desde la barra de herramientas. También puedes agrupar varios párrafos seleccionados en una lista de una sola vez.

Dentro de la lista, Tab aumenta la sangría un nivel y Shift+Tab la reduce. Enter crea el siguiente elemento; al pulsarlo de nuevo en un elemento vacío, sales de la lista. Shift+Enter inserta un salto de línea dentro del elemento sin dividirlo.

Las listas dentro de celdas siguen las mismas reglas de entrada. En una lista, Tab aumenta la sangría en lugar de pasar a otra celda.

Alas
Tipografía baseAltura
HTMLCargando el editor…
JSONnabi-treeCargando el editor…
Instalación
npm install nabi-note
Código
import {
  createLocale, createNabiWith, mountSurface, mountToolbar,
  mountContextToolbar, mountHints, watchSettle, headingWing,
  bulletListWing, orderedListWing, mountViewTools,
} from 'nabi-note'

const selected = [
  headingWing,
  bulletListWing,
  orderedListWing,
]
const locale = createLocale('es')
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')
ts
const selected = wings().use('ul').build()