原子 IDE 包

Atom IDE Package

我正在试用 Github 的 Atom 编辑器,我真的很喜欢它。我想创建一个简单的(只是为了学习)插件。我使用在线资源成功创建了 figgle 示例。

现在我想用 UI 创建一些东西。我想在我的 UI 中添加一个输入字段,但我怎样才能将其设置为与 Atom 相同的样式。

我在文档中看到我必须创建一个带有 'atom-text-editor' 标记的元素。然而,这会创建一个带有行号等的文本区域。我只想要一个单行输入字段。

很具体,我的问题是:'How can I create an input field which looks the same as the atom one.'

通过 atom slack chat 找到了答案。

var elem = document.createElement 'atom-text-editor'
element.setAttribute 'mini', ''
element.setAttribute 'placeholder-text', 'Search'

给出: