代码镜像仅在用户在集成到Bootstrap选项卡中时单击它时显示

Question

我遇到将Code Mirror集成到Bootstrap选项卡的问题。

问题在于，由于Bootstrap选项卡未设置为活动状态，因此代码镜像仅在用户单击时显示内容。

我已经彻底搜索了问题的解决方案，但没有找到任何有效的方法（可能是由于我对JavaScript的了解不是很好）。我已经尝试过告诉代码镜像刷新，但它并没有解决问题。

Answer 1

此处需要在编辑器上调用.refresh()。您必须确保在编辑器实际可见后执行此操作。我不确定如何使用Bootstrap选项卡执行此操作，但我确定有一些方法可以监听选项卡更改事件。