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

时间:2018-08-26 17:09:45

标签: javascript html css

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

3 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:0)

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