<分区>
我想用 JavaScript 编写一个简单的文本编辑器。我目前正在使用 contenteditable
div
。但它看起来非常简约,我不确定它是否是用于文本编辑器的正确组件。我查看了 Atom 和 VS Code 源代码,但我无法理解它们用作编辑器基本组件的内容。有人能指出我正确的方向吗?我在原子存储库中找不到任何 html 文件。那里的一切都是 JavaScript。编辑器的 html 文件在哪里?我应该使用哪个组件作为文本编辑器(如 Atom)的基础?
<分区>
我想用 JavaScript 编写一个简单的文本编辑器。我目前正在使用 contenteditable
div
。但它看起来非常简约,我不确定它是否是用于文本编辑器的正确组件。我查看了 Atom 和 VS Code 源代码,但我无法理解它们用作编辑器基本组件的内容。有人能指出我正确的方向吗?我在原子存储库中找不到任何 html 文件。那里的一切都是 JavaScript。编辑器的 html 文件在哪里?我应该使用哪个组件作为文本编辑器(如 Atom)的基础?
最佳答案
VS code 使用 monaco 编辑器 npm link在电子应用程序中, 您可以使用此模块构建您的编辑器。
摩纳哥的替代品是 Codemirror website link
这些编辑器将为您提供开箱即用的智能感知、格式设置和高亮显示。
但是,从头开始构建它们会很困难。
如果您想构建一个简单的文本编辑器,请查看此 github 存储库 Pell text editor获取源代码。
更多简单文本编辑器的例子
关于javascript - Atom 或 VS Code 等文本编辑器中使用的基本组件是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55085176/