7

我已经看到了 ace 编辑器中光标间距不正确的一些问题。问题与字体间距有关,显然解决方案是只使用等宽字体。

这是关于这个问题的另一个 SO 问题。 ace 编辑器光标行为不正确

我的问题可能与使用 Bootstrap 主题有关,但我并不完全确定。

当我打开 chrome 开发工具并查看 ace 编辑器中使用的字体时,它说我的 Bootstrap 模板正在使用这些字体

input, textarea, input[type="submit"]:focus, div {
  outline: 0 none;
  font-family: 'Open Sans', sans-serif;
}

如果我添加到我的 CSS

.ace-editor {
  font-family: monospace !important;
}

我仍然有光标间距错误的问题,奇怪的是,正在使用的字体看起来与 Bootstrap 中定义的“Open Sans”完全相同。

在 Chrome 开发工具中打开,表示计算的属性是“等宽”,所以应该可以正常工作,但事实并非如此。这是它变得非常奇怪的地方。

如果我删除 和 的字体条目.ace-editorinput, textarea...我会得到一个非常好看的字体。转到计算属性,显示字体系列再次为“Open Sans”。

所以我要回答的问题是,当我从 Bootstrap 中取消 textarea 条目时,我如何才能弄清楚实际使用的是什么字体?或者为什么在指定时不接受等宽字体。

我有点假设“Open Sans”可能是等宽的,但无论如何,它仍然会引起巨大的头痛。

4

1 回答 1

9

该问题是由div包含在引导规则中引起的。它太宽了,会破坏 ace 的字符宽度测量值。你可以加

.ace_editor div {
    font: inherit!important
}

作为一种解决方法。最好也向引导模板的创建者报告问题。

于 2014-01-05T09:56:02.060 回答