I want to have the effect like this:
So I use editor.deltaDecorations()
to edit inline css class.
this is my code
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;
}
The result is
Monaco editor changed the font size, but didn’t recalculate the height of line,how to solve this problem? help !