javascript - Atom IDE 包

标签 javascript coffeescript atom-editor

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

现在我想创建一些带有 UI 的东西。我想向我的 UI 添加一个输入字段,但如何才能使其样式与 Atom 相同。

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

具体来说,我的问题是:“我怎样才能创建一个看起来与原子相同的输入字段。” enter image description here

最佳答案

通过atom slack chat找到了答案。

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

这给出:

enter image description here

关于javascript - Atom IDE 包,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31038034/

相关文章:

javascript - 如何在同一浏览器窗口中的 location.reload() 之后运行 javascript 函数

javascript - 如何将变量从 javascript (coffeescript) 传递到 Rails Controller ?

javascript - Jasmine 测试一个对象是否有某个方法

reactjs - 如何默认 Atom 打开具有特定语言语法突出显示的特定文件扩展名?

javascript:在浏览器中从 Atom 运行/执行

javascript - Electron 保存对话框指定文件类型

javascript - 动画运行时获取矩形的坐标

JavaScript 匿名函数数组到 Java 的翻译

javascript - 高级路由和单一对象定义?

用于隐藏/显示 div 的 Javascript if/else 语句