0
155
Views¿Cómo configurar el tamaño de fuente en línea del editor de Mónaco?
Quiero tener el efecto como este:
Así que uso editor.deltaDecorations() para editar la clase css en línea. este es mi codigo
var content = [ 'xxx line 1 xxx', 'xxx title xxx', 'xxx line 3 xxx' ].join('\n'); var editor = monaco.editor.create(document.getElementById('container'), { value: content, language: 'plaintext' }); var decorations = editor.deltaDecorations( [], [ { range: new monaco.Range(2, 4, 2, 10), options: { inlineClassName: 'myclass' } } ] );CSS
.myclass { color: red; font-size: 50px; }El resultado es
El editor de Mónaco cambió el tamaño de la fuente, pero no volvió a calcular la altura de la línea, ¿cómo resolver este problema? ayuda !
·
Juan Pablo Isaza
1 answers
Answer question0
El editor Monaco es un editor de código, lo que implica algunas condiciones. Algunos de ellos son:
- Todo el editor usa la misma fuente.
- El editor no considera los estilos CSS para el cálculo de líneas.
- Las fuentes monoespaciadas funcionan mejor.
- Su objetivo principal es mostrar el código del programa, que debe ser fácil de leer. Por lo tanto, las diferentes fuentes o estilos de fuente distraen bastante.
Monaco Editor no es un editor de texto enriquecido. Use un control diferente si lo desea.
·
Juan Pablo Isaza
Report
Answer question