PMTalk全新编辑器上线-技术圈

PMTalk全新编辑器上线

共 1334字，需浏览 3分钟

· 2021-05-04

这是Kevin的第 826 篇原创，

持续日更，做产品经理的创业斜杠青年。

从2017年开始，我们就一直在不断迭代我们的社区产品。趁着五一假期，我们累计前后花了2个月时间重构了社区的编辑器。

与其说是重构，还不如说是一次彻彻底底的优化，站在一个作者的角度上进行优化，同时由于我本人也是有每天原创的习惯，所以在一周的时间里，我也在用编辑器撰写相关创业的案例。

这次版本的编辑器，在使用一周下来后，我的感受是总体来说还将就，相比同行那可是大有提升。

本次社区编辑器上线会分为2次版本，第一次主要体现在全新的功能、界面设计；第二次是则聚焦在技术底层上，将传统的PHP服务端渲染开发改为react架构。

如果你是我们社区的用户，甚至是还是一名签约作者，那第二部分的感知其实不大，最大的变化还是在第一部分。

关于编辑器，我前后写了前后4篇复盘，我也一直在调研行业里做的比较好的编辑器，对比和拆分优劣。

你可以点击查看之前的4篇案例

这一次全新的编辑器，变化在哪里？

1.新增文章列表操作功能

在文章列表里，新增功能操作；允许创作者将文章设置为私密，发布后只有自己可以查看；同时还能够设置禁止转载，这样也是为了保护创作者的原创。

2.优化了话题选择逻辑

之前在PMTalk社区里每篇文章可以允许最多三个话题，但经过几年的内容沉淀我们发现好的内容往往主题是只有一个的。同时也为了方便内容运营同学更好的做内容精选和分类，现在话题只允许选择一个或创建一个。

3.新增编辑器操作快捷键

本次编辑器还不支持markdown，但又想为创作者们提高内容产生效率。所以这次我们支持了部分的快捷键，方便作者们在内容编辑的同时，还能通过快捷键快速完成文章效率

4.新增文章封面预览

文章封面预览一直是我们社区最头疼的事情，而解决的方案是要么是人工运营手动上传；要么是系统做默认裁剪处理

前者能够达到很好的内容还原效果但实际上和作者的主题有可能不契合；后者是封面会变形；

所以这一次我们在每一篇文章发布的逻辑里都插入了封面上传，同时允许作者们预览在小程序、和PC上的效果。

5.优化了若干交互操作体验

编辑器要想用的爽，用户在web上的交互操作可不能少。所以这一次我们树立了在编辑器场景下点击前、点击后、执行中的3个状态，增加了对应的提示和操作弹窗。

同时为了减少创作者误操作，还增加了一些系统限制。既可以保证平台的正向内容，还能减少作者的使用门槛。

全新的Ui设计让编辑器焕然一新，再也没有以前那做所谓的感觉很low的体验了。

好啦，废话不多说，欢迎你加入社区签约作者，在PMTalk产品经理社区进行创作吧！

当然如果你体验下来有什么吐槽和希望优化的，也可以在评论区留言～筛选成功后，我亲自发红包！

www.pmtalk.club

一个帮助产品人成长的社区，国内21万产品经理聚集地