在 Atom 或 VS Code 等文本编辑器中使用的基本组件是什么？ [关闭]答案

【问题标题】：What is the basic component used in a text editor like Atom or VS Code? [closed]在 Atom 或 VS Code 等文本编辑器中使用的基本组件是什么？ [关闭]
【发布时间】：2019-07-31 18:46:45
【问题描述】：

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

【问题讨论】：

这些不是简单的文本编辑器，它们是强大的 IDE。他们几乎可以肯定使用自定义编辑引擎，而不是你会发现在 JavaScript 中预先打包的东西。
ace.c9.io - 让您开始
这里是一些关于 VSCode 使用什么创建的信息：stackoverflow.com/a/29966094/3345051

标签： javascript html text-editor web-technologies

【解决方案1】：

VS 代码在电子应用程序中使用 monaco 编辑器npm link，你可以使用这个模块来构建你的编辑器。

摩纳哥的替代品是 Codemirror website link

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

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

如果您想构建一个简单的文本编辑器，请查看这个 github repo Pell text editor 获取源代码。

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

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

https://github.com/basecamp/trix

【讨论】：