CodeMirror - 样式化燕鸥智能标签答案

【问题标题】：CodeMirror - styling Tern intellisense labelsCodeMirror - 样式化燕鸥智能标签
【发布时间】：2014-04-01 18:22:51
【问题描述】：

我正在为 CodeMirror 使用 Tern 插件，它为编辑器添加了智能感知功能（即弹出内联提示标签）。

我想改变提示标签的样式，怎么做？

【问题讨论】：

【解决方案1】：

Tern 将 CSS 类名附加到提示框，您可以利用它们来设置样式，例如：

.CodeMirror-Tern-tooltip:before {
    content: url('http://n5.nabble.com/images/smiley/smiley_thinking.gif');
    width: 20px;
    height: 20px;
}

...这将导致：

【讨论】：

您可以在 "./addon/tern/tern.css" 中找到样式表，在那里您会找到几个可以帮助您自定义标签的部分。例如：.CodeMirror-Tern-completion:before
你太棒了。没有言语可以形容你有多棒。我知道这似乎毫无意义，但这实际上是针对我们需要轻型“脚本”引擎的小型游戏。让我们的员工学习如何编程是不可能的，但如果我可以用非常简单的标签（“这是字符。这是动作”）来安装一个“编辑器”，那么我可以让他们轻松。
干杯，伙计。你是一个很棒的人，为非程序员构建抽象。祝你好运！
我很欣赏这种情绪。大多数人都把我看成一个智障，他们会说“这太愚蠢了。让他们学习吧。”或“你没有理由这样做”。人们似乎无法理解客户是产品中最重要的部分，也是唯一重要的部分。编程（在我看来）应该为他们解决问题，而不是我们（作为程序员）觉得自己满意的东西。如果他们在使用产品时遇到问题，有一点“必须学习”，我同意 - 但我也可以在中间遇到并尝试帮助他们。
说得好，小姐/先生（对不起，之前假设你是一个男人，我实际上不知道......）。