摩纳哥编辑器显示所有行

Question

I'm using Microsoft's Monaco Editor library to create a code editor on a webpage and it's great, but as it seems, for performance reasons, only the visible lines are actually rendered, which does not sound like a problem it actually is when you want to print the contents of the editor.

Is there a way I could force the rendering of all lines?

My best guess was

editor.revealRange

and other editor.reveal* methods, but none of that seem to work.

Answer 1

The reveal<\/code> methods exist to scroll the editor to a specific position. Instead you can just get the full content of the model and print that:

const content = editor.getModel().getValue();

Answer 2

Scroll to the top, run

HTMLDivElement.prototype.removeChild=function(){}

then scroll to the bottom. Voilà, all the lines are rendered. Some even twice, but that's ok since they're positioned absolute.

You could try to avoid duplicates via

HTMLDivElement.prototype.reallyRemoveChild=HTMLDivElement.prototype.removeChild;
HTMLDivElement.prototype.removeChild=function(el){
    if(el.parentElement.querySelectorAll(`[style="${el.getAttribute('style')}"]`).length === 2)
    this.reallyRemoveChild.apply(this, arguments)
};