代码镜像未显示时未正确初始化答案

【问题标题】：code mirror not initializing properly when not displayed代码镜像未显示时未正确初始化
【发布时间】：2021-10-19 04:13:17
【问题描述】：

我有一个带有三个引导选项卡的编辑器页面。在他们每个人中，我都以相同的方式初始化代码编辑器，例如：

code_element = document.getElementById('css');
code_element.value = message.css;
this.css_editor = CodeMirror.fromTextArea(code_element, {lineNumbers: false, mode:"text/css"});
this.css_editor.setSize("100%", "calc( 100vh - 350px )")

活动选项卡上的工作正常，但在隐藏选项卡上......它......工作......但当你第一次切换到选项卡时，你什么也看不到 - 单击选项卡中的任何地方都会显示编辑器，从那时起它就可以完美地工作了——你可以用tab离开，回到它等等。

知道如何第一次解决这个问题吗？

【问题讨论】：

标签： javascript codemirror

【解决方案1】：

所以 - 更多谷歌搜索发现 codemirror 不喜欢初始化不显示的东西。

这段代码修复了一些问题：

const $btn = "button[data-bs-target='#stylesheet_tab']";

$($btn).on('shown.bs.tab', () => saved_this.css_editor.refresh())

【讨论】：