javascript - 如何构建一个轻量级的在线文本编辑器？

Question

我想构建一个像 google doc 这样的轻量级在线文本编辑器，但比那轻得多。

我的意思是，我只想实现以下三个功能:

1. 输入/删除字符
2. 创建/删除新行
3. 缩进

但我不太确定如何构建它。

这是我的想法:

将每一行视为一个 div。 监听键盘事件，当用户按下回车键时，创建一个新的div

按照我的方法，我需要设置div的contentEditable=true 然而，此后，每当我按 Enter 时，就会在 div 内创建一个换行符。

那么，如何阻止这种情况呢？ (只能用javascript解决吗？) 或者，还有其他方法可以实现我的目标吗？

Answer 1

只需使用event.preventDefault();，如下所示:

$(document).bind("keydown keypress", function(event) {
  if ( event.which == 13 ) {
    event.preventDefault();
    // Your code here
  }
});