获取和恢复monaco editor的undo/redo栈

Posted 2023-02-04 微个日光日

场景：在使用monaco editor的时候，有时需要销毁之前的实例，创建新的实例。但是这样，新的editor就不能使用之前实例的redo和undo的信息栈。

解决办法：可以在销毁之前的实例之前，将editor的model和viewState保存至全局，然后新创建的实例就可以重新使用它们了。核心代码如下：

var model = editorInstance.getModel();
var viewState = editorInstance.saveViewState();

//Destroy your instance for whatever reason
editorInstance.dispose();

//When you create the new instance load the model that you saved
var newInstance = monaco.editor.create(elem, options);
newInstance.setModel(model);
newInstance.restoreViewState(viewState);

缺点：就是将viewState全部存在了内存中(monaco editor有它自己的数据结构)，而不能将其序列化使用。