javascript - ace javascript 编辑器多个实例

Question

我正在开发一个界面，该界面使用有向图来模拟软件管道，其中每个节点都有关联的元数据和(最相关的)可编辑代码块。现在我正在使用 ACE，因为它有许多代码友好的功能，但是一旦管道达到相当低的复杂性阈值，ACE 似乎就会停止运行，从而降低页面其余部分的响应能力。

现在，这是引入新节点时发生的相关部分:

    view.codeDiv = d3.select('#code-section');
    view.aceEditor = ace.edit('task-code');
    view.aceEditor.setTheme("ace/theme/chrome");
    view.aceEditor.getSession().setMode("ace/mode/ourMode");
    view.aceEditor.getSession().on('change', function(e) {
        if (view.model !== undefined &&
            view.aceEditor !== undefined &&
            view.model.get('cmd') !== view.aceEditor.getValue() &&
            view.aceEditor.getValue() !== '') {
                view.model.set('cmd', view.aceEditor.getValue());
            }
     });

我担心的是 ACE session 永远不会结束，并且彼此之间的关系也不好。我正在尝试不同的时间来声明它们“不可编辑”并希望减少它们的内存需求，但是更大的 UI 结构使这变得困难。有没有其他人有幸尝试提高多个事件 ACE 实例的性能？

Answer 1

我认为这是由字体大小轮询引起的https://github.com/ajaxorg/ace/blob/master/lib/ace/layer/text.js#L88