Привет, создал пользовательский интерфейс для Jupyter Notebooks с проектом thebelab. Нормально ноутбуки рабочие. Но у меня есть записные книжки на гармошке с bootstrap, поэтому пользователь может перемещаться по ним. На первой вкладке отображается код напрямую, на других вкладках пользователь должен щелкнуть ячейки, после чего отображается код.
Я попытался исправить это с помощью css (добавить в ячейки класс, ориентированный на CodeMirror), добавить autofocus: true в CodeMirrorConfig, создать экземпляр CodeMirror с помощью fromTextArea (который не работает, потому что у меня нет richtextarea).
Некоторые снимки экрана: Первая вкладка ![enter image description here](https://i.stack.imgur.com/wxye4.png)
Вторая вкладка (необходимо щелкнуть первую ячейку) (Тот же код из tab1 также находится в tab2 ) ![enter image description here](https://i.stack.imgur.com/6SOSM.png)
Моя конфигурация thebe:
<script type="text/x-thebe-config">
{
bootstrap: true,
kernelOptions: {
name: "{{kernel_config.kernel_name | safe}}",
kernelName: "{{kernel_config.kernel_name | safe}}",
serverSettings: {
"baseUrl": "http://127.0.0.1:{{kernel_config.port | safe}}",
"token": "{{kernel_config.token}}"
}
},
codeMirrorConfig: {
autofocus: true,
},
}
</script>