| title | lang | page_language | translator | translation_date | translation_update | ref | tags | keywords | summary | sidebar | permalink | ||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Edit modes and syntax highlighting |
en es |
es |
David Rizo |
5 Aug 2021 |
interface-edit_modes |
|
interface color colorize coloring syntax highlighting |
A Description of the two editing modes in VHV, and Humdrum syntax coloring. |
main_sidebar |
/interface/edit_modes/index-ES.html |
La edición de texto en Verovio Humdrum Viewer utiliza el editor ace. Hay dos modos en los que los contenidos pueden ser editados: (1) el editor de texto simple inicial (2) un editor vi útil para las personas que conocen vi/vim. Cambia entre estos dos modos pulsando alt-v.
El modo de edición de texto plano se indica con un fondo claro, que coincide con el color de fondo del área de notación de la página:
{% include image.html file="colorize-light.png" max-width="100%" alt="light-themed colorizing" caption="Tema claro para el modo de texto plano." %}
Al editar los archivos de Humdrum, su contenido será coloreado por la función sintáctica:
<style> .light.colorlist tr, .light.colorlist td, .light tbody tr:nth-of-type(even), .light tbody tr:nth-of-type(odd), .light th, .light tr, .light td { background: #fdf6e3 !important; } .light td, .light th { color: black; } .colorlist td > div, .colorlist td { width: 80px; } </style>
|
|
{% include image.html file="colorize-dark.png" max-width="100%" alt="dark-themed colorizing" caption="Coloración del tema oscuro para el modo vi (alt-v)." %}
Coloreado por sintaxis en modo vi:
<style> .dark.colorlist tr, .dark.colorlist td, .dark tbody tr:nth-of-type(even), .dark tbody tr:nth-of-type(odd), .dark tr, .dark th, .dark td { background: #002b36 !important; } .dark td, .dark th { color: white; } table.colorlist tr td, table.colorlist td { hyphens: none; } </style>
|
|
Los tabuladores no pueden empezar una línea, ni terminar una línea, ni aparecer más de una vez entre los tokens en la sintaxis Humdrum de la sintaxis. Cualquiera de estos casos no válidos se resalta en rojo:
<style> table.double { width: 100%; border: none !important; max-width: 100%; } .double td { width: 50% !important; } .double tr, .double td, .double tbody tr:nth-of-type(odd) { background: none !important; } .double tbody tr td { border: none !important; } </style>|
{% include image.html file="taberror-light.png" max-width="100%" alt="dark-themed colorizing" caption="Errores de tabulación en el tema de texto plano." %} |
{% include image.html file="taberror-dark.png" max-width="100%" alt="dark-themed colorizing" caption="Errores de tabulación en el tema vi." %} |
Por lo general, los tokens no comienzan ni terminan con caracteres de espacio, y los sub-tokens múltiples se separan con un solo espacio (en formatos de datos como **kern). Cuando un token empiezao termina con un espacio, o hay más de un espacio entre subtokens, el espacio se resaltará
en azul. Por lo general, se trata de un error de sintaxis que debe corregirse.
|
{% include image.html file="spacewarning-light.png" max-width="100%" alt="dark-themed colorizing" caption="Advertencias de espacio en el tema de texto plano." %} |
{% include image.html file="spacewarning-dark.png" max-width="100%" alt="dark-themed colorizing" caption="Avisos de espacio en el tema vi." %} |
Aquí están los archivos de análisis y resaltado de sintaxis de Humdrum para el editor Ace:
- mode-humdrum.js: archivo de análisis sintáctico
- theme-humdrum_light.js tema de resaltado de color claro
- theme-humdrum_dark.js tema de resaltado de color oscuro