GitHub 星标 14.1K,这款多人在线协作编辑器完全开源了!

公众号关注 「奇妙的 Linux 世界」

设为「星标」,每天带你玩转 Linux !

ea2c2495542cc36990a7cb61abe21755.jpeg

多人同时编辑一个文档,类似腾讯文档,有没有开源的解决方案呢?答案当然是有的啦~~

今天给大家推荐一款超级棒的开源编辑器:Etherpad

5e9d998daf6625869873cdaebbb3c9a6.png

简介

Etherpad是一个开源的,基于Web的在线文本编辑器,支持多人在线同时编辑、协同办公,具有版本历史记录和在线聊天功能,以及自定义使用插件。目前,在全球拥有数百万活跃用户。

利用Etherpad,你完全可以在5分钟之内搭建出一款在线编辑器软件,并且可以直接部署到你自己的服务器上。

安装

如果是在 Debian/Ubuntu 服务器上部署的话,直接使用下面的命令即可:

10bb6da22aa16beed84da10e9ba4131a.png

或者手动先安装 Node 环境,然后 Clone 项目源码,再正常启动即可。(注意:Node.js >= 12.17.0.)

为了方便演示,大叔这里采用 Win 系统给大家演示:

首先,下载安装包并解压

fec6bee474d8d070a9b170872de08337.png

双击start.bat,即可启动编辑器服务。

b787469ca292ccd372bc7d283c184c4b.png

之后在浏览器输入 http://localhost:9001/,可以正常访问编辑器了,非常的方便。

a323dbc201ce2b74aabb31b69bcbfb52.png

怎么样,界面还是蛮好看的吧~~

编辑器功能

共享编辑

我们都来看看编辑器都提供了哪些功能,新建一个文档,就能看到编辑区了。

07a6114fffacb164146b5d1d20a15e71.png

还是比较简洁的,左上角带有常用的文本编辑功能,右边则是常用的功能区,包括导入/导出、时间轴、设置、分享等等。

5f89c176deb851c54da63167c850a394.gif

这些功能都是多人在线同时编辑、协同办公非常实用的,尤其是Etherpad有几个特色的地方:

  • 可将每个人改的地方透过不一样的颜色秀出来

1c82958a337d23fea719f4bb0e5f329f.gif
  • 可以记录整个协同写作的过程

76edf4a910c05864789be753629abfc7.gif

在线聊天

多人在线编辑,当然少不了沟通。Etherpad 自带了聊天功能,点击右下角的聊天图标,就可以与小伙伴愉快地一起沟通了。

8ca79f28f50eec8a1bf58ebe4d49af3f.gif

昵称的话也是可以修改的

0e17dccc9e62b6c3614f47c7bb0da171.png

自定义界面风格

通过访问http://127.0.0.1:9001/p/test#skinvariantsbuilder,即设置编辑器的风格。

202b28d6e007ddae8f353bbd349bb105.gif

Etherpad 支持设置顶部菜单、背景区、编辑区的背景,提供了四种不同的样式用于选择,想用哪种随你选。

丰富的插件库

大叔觉得这是 Etherpad 强大的地方,就是能有非常丰富的插件支持。截至文本时间,已经有超过290款插件。

f0aa5c8f94c4a31a8427dc6edb7195b6.png

如在上面的编辑器中,可以看到,是不支持图片上传的,默认的功能只能写纯文字。但是可以加载插件,实现图片上传功能。

6c951d9f5d442a749cba173e039b9b15.png ab0ef68489b6c9dd77b98b2ee278668e.png

其他图片相关的插件

172a8f9b455d49c9903943016059dbcf.png

还有 MarkDown 语法支持插件

e6202df8896c34d905a4ba0c9c8a33ea.png

修改字体颜色

4f2a1a6866e7f3320c66c5bd6d8eff86.png

评论相关

57c32f55ac43379260bbdb69b8fe9588.png

包括了日常经常用到的场景,非常全面,大赞~

插件安装也很简单,Etherpad 提供了一个管理插件的 web 页面:

http://127.0.0.1:9001/admin/plugins

但是在使用之前,先要配置一下 settings.json这个文件

6f6ef6b174009b37738a7d686f812323.png 3c4e79971747b9cfc8094cb6bba7f390.png

将 users 这段注释掉,配置相对应的账号密码(使用默认的当然也ok)

重新启动 start.bat,使用上面的账号密码登录即可。

44814c10e52c4994ce6fa33d803d012a.png

选择想要的插件,安装即可。

关于项目的更多细节、功能,感兴趣的小伙伴可以去项目地址探索~~~

github地址:https://github.com/ether/etherpad-lite

本文转载自:「开源小分队」,原文:https://tinyurl.com/4zfnd888,版权归原作者所有。欢迎投稿,投稿邮箱: editor@hi-linux.com。

ea4b0154ec232a3b7524804df1a6eb53.gif

最近,我们建立了一个技术交流微信群。目前群里已加入了不少行业内的大神,有兴趣的同学可以加入和我们一起交流技术,在 「奇妙的 Linux 世界」 公众号直接回复 「加群」 邀请你入群。

884d44b281c7c68228c5fd5b3a7a08b1.png

你可能还喜欢

点击下方链接即可阅读

6c462db5d03db8356041e0ec88fef026.png

入职一家 20 人 IT 公司后的真实体验,太魔幻了!

579f5d8b23e2b7b15831b05049acdded.png
点击上方图片,『美团|饿了么』外卖红包天天免费领

7d5e6323051f7c42e420e3a972a86b05.png

更多有趣的互联网新鲜事,关注「奇妙的互联网」视频号全了解!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值