runkit - 複数の RunKit REPL インスタンスを単一の Web ページに埋め込む

Question

私はRemarkJSを使用して Web ベースのプレゼンテーションを作成しています。これは私の好みのプレゼンテーション ツールです。nodejsちょっとしたコードのデモをしたいので、 RunKitのREPL 埋め込み機能を使いたいと思います。1 つの Web ページに複数のインスタンスを埋め込む方法がよくわかりませんでしたが、次のコードを複数回実行することで何とかうまくいきました。

var nb1 = RunKit.createNotebook({
    // the parent element for the new notebook
    element: document.getElementById("div1"),

    // specify the source of the notebook
    source: source1
})

var nb2 = RunKit.createNotebook({
    // the parent element for the new notebook
    element: document.getElementById("div2"),

    // specify the source of the notebook
    source: source2
})

等々。これは実際に機能しますが、非常に非効率的です。プレゼンテーションを起動すると、ページ全体が 1 回だけ読み込まれるにもかかわらず、RunKit が複数回呼び出されます。それだけでなく、スライドを変更するたびに RunKit への複数の呼び出しが行われます。RemarkJS では、同じ単一の Web ページのさまざまな部分を単純に非表示および表示します。Web ページ自体は 1 回だけ読み込まれるため、RunKit は 1 回だけ呼び出す必要があります。少なくとも、私はそう思います（明らかに、私が間違っているようです）。

最後に、実際の RunKit REPL フレームがレンダリングされるまでに時間がかかります。最初は、切り捨てられたコードの数行しか表示されませんが、しばらく待つと、フレーム全体がレンダリングされます。

私は何を間違っていますか？これを行うより良い方法はありますか？