javascript - 从使用 CodeMirror 创建的内联代码中删除填充

Question

我正在一个项目上实现CodeMirror，需要使用它来语法高亮代码块和内联代码。

这是我整理的一个示例，以演示我正在尝试做的事情：http ://students.susanbuck.net/storage/code/code-mirror/

该语法在这两种情况下都有效，但我陷入困境的是找到一种方法来仅在.inline代码元素上终止填充，这样它们就不会在段落中的行之间添加多余的空间。

Answer 1

您想要定位.CodeMirror-lines跟随textarea.code.inline元素的 div。这可以使用以下 CSS 选择器来实现：

textarea.code.inline + div.CodeMirror div.CodeMirror-lines {
    padding: 0px!important; /* added !important as padding is an inline stlye */
}

div.CodeMirror-scroll您可能希望避免在子项中设置一个高度值。您可以使用以下 CSS 使此高度冗余：

textarea.code.inline + div.CodeMirror > div.CodeMirror-scroll { 
    max-height: 1em;
}