Descripción
Toolbar es el componente de barra de herramientas del editor Cuaderno. Proporciona accesos directos para insertar marcadores Markdown, gestionar el estado de la nota (pin, archivo) y controlar el modo de visualización del editor.
Localización
src/components/notebook/Toolbar.tsxTipo exportado
export type ViewMode = 'source' | 'preview' | 'split';Este tipo se exporta desde Toolbar.tsx y es importado por NoteEditor.tsx para tipar el estado de modo de vista. Introducido en commit 6c248fc.
Props
| Prop | Tipo | Descripción |
|---|---|---|
editorView | EditorView | null | Referencia al editor CodeMirror (puede ser null durante la inicialización) |
pinned | boolean | Estado de anclaje de la nota |
archived | boolean | Estado de archivado de la nota |
viewMode | ViewMode | Modo de vista activo ('source', 'split', 'preview') — nuevo |
onChangeViewMode | (m: ViewMode) => void | Callback al seleccionar un modo de vista — nuevo |
onTogglePin | () => void | Anclar / desanclar la nota |
onToggleArchive | () => void | Archivar / restaurar la nota |
onOpenTheme | () => void | Abrir el panel de tema MD |
saving | boolean (implícito) | Indica si hay un auto-save en curso (mostrado en el hint de estado) |
Grupo de toggle de modo de vista
Desde el commit 6c248fc, el toolbar incluye un <div role="group" aria-label="Modo de vista"> con tres botones mutuamente excluyentes:
| Botón | ViewMode | Title |
|---|---|---|
| 📝 MD | 'source' | “Solo source markdown (Notepad++)” |
| ⊟ Split | 'split' | “Source + Preview lado a lado” |
| 👁 Preview | 'preview' | “Solo preview HTML renderizado” |
El botón activo recibe la clase CSS 'on'.
Otras funciones del toolbar
- Inserciones MD: negrita, cursiva, código, enlaces, tablas (modal con configuración de filas/cols)
- Hint contextual:
getContextHint(view)muestra sugerencias según el contexto del cursor - Tema MD: botón
🎨 Tema MDque llama aonOpenTheme - Pin / Archivo: botones de estado con clase
'on'cuando están activos
Véase también
- [[entity—cuaderno—component—noteeditor]] — componente padre que consume Toolbar y gestiona el estado de
viewMode - [[feature—cuaderno—vista-previa-toggle]] — feature que introdujo el tipo
ViewModey el grupo de botones de modo - [[workspace—que-es-workspace]] — módulo de workspace al que pertenece el Cuaderno
- [[workspace—tareas-notas]] — sección de tareas y notas del workspace
- [[workspace—informes]] — otra herramienta de productividad del workspace