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

我想在我的网站上添加一个html文本编辑器，就像w3schools网站上的TryItYourself示例一样。我如何才能将其放入html文档中？我真的不希望它是你下载的东西，但使用html、css和javascript来制作。我可以这样做，还是必须使用像PHP这样的服务器端语言？

是的，可以通过HTML+CSS+JS来完成。您需要学习如何使用在浏览器中实现富文本编辑器

可以在MDN上提供

---

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

如果你想知道如何使用scratch来完成，那就制作一个可编辑的div。

---

可编辑div只不过是一个

div

，具有

contenteditable=true

属性。内容可以以相同的格式键入或复制粘贴。它也将支持html输入。您可以使用

onInputChange

事件跟踪所做的更改。

您需要设置

document.designMode='on'
了解
execCommand
，这里有一个很好的
你说“像w3schools”，然后问它是否可以完成？你可以在Codepen上查看。与tinymce编辑器相比，Ck编辑器有更多的功能