javascript - Atom 或 VS Code 等文本编辑器中使用的基本组件是什么?

标签 javascript html text-editor web-technologies

<分区>

我想用 JavaScript 编写一个简单的文本编辑器。我目前正在使用 contenteditable div。但它看起来非常简约,我不确定它是否是用于文本编辑器的正确组件。我查看了 Atom 和 VS Code 源代码,但我无法理解它们用作编辑器基本组件的内容。有人能指出我正确的方向吗?我在原子存储库中找不到任何 html 文件。那里的一切都是 JavaScript。编辑器的 html 文件在哪里?我应该使用哪个组件作为文本编辑器(如 Atom)的基础?

最佳答案

VS code 使用 monaco 编辑器 npm link在电子应用程序中, 您可以使用此模块构建您的编辑器。

摩纳哥的替代品是 Codemirror website link

这些编辑器将为您提供开箱即用的智能感知、格式设置和高亮显示。

但是,从头开始构建它们会很困难。

如果您想构建一个简单的文本编辑器,请查看此 github 存储库 Pell text editor获取源代码。

更多简单文本编辑器的例子

https://github.com/Alex-D/Trumbowyg

https://github.com/basecamp/trix

关于javascript - Atom 或 VS Code 等文本编辑器中使用的基本组件是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55085176/

相关文章:

javascript - Spider 能否读取<div> 或<span> 标签内的信息?

javascript - Google 图片查看模式示例

html - 我的搜索栏行为异常

user-interface - 文本编辑器一般是如何实现的?

visual-studio-code - 使用不同的分隔符以两种方式在单词之间导航

javascript - 在 href 上触发弹出窗口 - 请登录消息

javascript - 使用 Geddy 在 Node.js 中声明和使用枚举

javascript - JS 汉堡菜单有问题

html - IE7 中的额外空间,div 中有一个表

vim - 文本编辑器-缩小到多个页面