Contenteditable和execCommand

Question

我正在尝试构建一个所见即所得的编辑器，并在查看其他人如何做以及看起来运行良好之后，遇到了contenteditable和execCommand的结合，但是我有两个问题。

1. Contenteditable在大多数情况下都很好，但对我来说唯一的问题是，如果有两行文本（由两个文档分隔），并且我双击第一行，因此我选择了该行中的所有文本，然后点击删除按钮，它将完全删除该行。如何防止这种情况，以便它完全删除文本，但保持行/格完整，用户可以再次单击“删除”以完全删除行。我看到一些编辑器执行此操作，并通过将＆psb或任何字符作为div中剩下的唯一内容来查看它的源代码，我将如何做到这一点？

2. 是否有更好的方法来构建编辑器？尤其是我遇到了execCommand的许多问题，但我想不出一种更好的方式来流畅地工作。

Answer 1

我试图为自己的管理面板构建一个所见即所得的编辑器，尽管它工作了几年，但它非常依赖于非常晦涩的技术，最终这些新技术在浏览器中变得过时了。不好意思，很抱歉，但是您相信会有25年经验的编码人员：您将面对很多很多问题，包括缺少文档，浏览器不兼容等。我强烈建议您检查TinyMCE HTML编辑器，它是一款功能强大的软件，可以通过多种方式进行自定义，这样可以节省您数小时的头痛。重新发明轮子是不值得的。