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;
}