使用HTML，CSS和JavaScript将HTML文本编辑器添加到网站中

Question

我想在自己的网站上添加html文本编辑器，就像w3schools在其网站上自己尝试的示例一样。我怎样才能把它变成一个html文档？我真的不希望它成为您下载的东西，而是使用html，css和javascript编写。我可以这样做还是必须使用像PHP这样的服务器端语言？

Answer 1

是的，可以通过HTML + CSS + JS完成。您将需要学习如何使用Document.execCommand在浏览器中实现RTF编辑器。

您可以take a look at the example在MDN上提供。

但是许多人更喜欢第三方编辑器，例如 CKEditor ， TinyMCE 等。

Answer 2

如果您想知道如何从头开始，可以通过创建可编辑的div来完成。 可编辑的div只是具有div属性的contenteditable=true。可以以相同格式键入内容或复制粘贴内容。它也将支持html输入。您可以使用onInputChange事件来跟踪所做的更改。

Answer 3

您需要设置document.designMode = 'on'; 并了解execCommand，这是一个不错的example