html - 如何在网站上实时显示对 textarea 的更改

Question

我有一个网站，textareas我希望当时所有访问该网站的人都能够在“textarea”中编写文本，以便当时查看该页面的每个人都可以看到它。

不需要安全，这是家庭游戏。

这甚至是可能的吗？

标签： htmlweb

Answer 1

我在实时方面做了很多工作，这里有一些替代方案和我创建的关于该主题的一些演示：

• 使用socket.io或websockets构建一个小型的双向消息中继系统。您可以在不到 100 行的时间内看到一个示例，以创建一个类似于 Google Docs 文档的文本区域：http: //adelriosantiago.com/gitblog/eng/litepad。文章中包含一个演示和存储库。

• 如果您想要更大的灵活性，请使用shareDB 。这里有一个 textarea 示例，您可以将其用作起点，或者您可以使用boy.dog框架（免责声明：我维护 boy.dog），特别是如果您不想从头开始。使用 boy.dog，您只需 3 行即可创建一个实时协作网站。它在内部使用 ShareDB 并支持将属性class与id实时值绑定。

• 如果您想要一个现成的解决方案，您可以使用Etherpad Lite。Etherpad 非常类似于 Google Docs 文档，并且有许多插件可以对其进行扩展。