文本编辑器(如Atom或VS Code)中使用的基本组件是什么?

时间:2019-03-10 06:45:07

标签: javascript html5 text-editor web-technologies

我希望用JavaScript编写一个简单的文本编辑器。我当前正在使用contenteditable div。但这看起来非常简约,我不确定是否适合用于文本编辑器。我查看了Atom和VS Code的源代码,但无法理解它们用作编辑器的基本组件。有人可以指出我正确的方向吗?我在Atom资源库中找不到任何html文件。那里所有的东西都是JavaScript。编辑器的html文件在哪里?我应该使用哪个组件作为文本编辑器(如Atom)的基础?

1 个答案:

答案 0 :(得分:0)

VS代码在电子应用中使用了摩纳哥编辑器npm link, 您可以使用此模块来构建您的编辑器。

摩纳哥的替代品是Codemirror website link

这些编辑器将开箱即用,给您提供智能,格式化和高亮显示的功能。

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

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

更多简单文本编辑器示例

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

https://github.com/basecamp/trix