互联网和产品 · 2018年07月30号 0

产品经理对“编辑器”应有的认知

一、编辑器有多少类?

1. 富文本编辑器

满足基本文字样式、图片和视频编辑,上手快,操作便捷非常简单。但同时格式简单,是它的优点也是缺点,过于简单有些高阶样式无法满足。比如:“引用样式”、“流程图”、“代码块”等。如常见的“百度贴吧”、“百度百科”、“中关村在线”等待。

自动草稿

2. markdown编辑器

满足高阶编辑样式,对于深度的编辑用户用上markdown编辑器简直是如虎添翼。但学习需要一定成本,不同网站具体的markdown语法还不一样,但输出效果是一致的。

其次markdown语法在中文输入上没有想象的那么便利,你需要不断在中英文间进行切换,这对英文来说具有先天优势,但对中文,确实体验一般,如:“人人都是产品经理”、“石墨文档”等等,以及我的个人网站的文章都是由markdown编辑器渲染出来。

自动草稿

二、哪类编辑器合适你?

主要围绕以下3点进行深度思考:

1. 效率

用户通过富文本/markdown编辑器, 能否让编辑这件事情上相对更快捷,更有效率。

2. 体验

是否提升用户体验,至少是不破坏用户体验。

3. 成本

是否提升成本效率和体验都会提升?

具象点来说,富文本相当于美颜相机用起来方便快捷一键美颜,而markdown相当于photoshop相对较深度用户可以发挥出最大作用。结合上面“三要素”并与自身业务场景及用户属性进行选择,没有好与不好,只有合适不合适。

鱼和熊掌不可兼得?我全都要行吗?

,如简书“一键切换”富文本和markdown编辑器。想兼容并维护两者实属不易,极有可能导致样式错乱。简书是一个内容创作平台,内容创作是核心,故保留两种编辑器类型。

编辑器原理是将使用者输入的文字,通过编辑器后使文字拥有样式,最终输出带格式的文字。富文本和markdown编辑器输出文字的格式不一样,所以切换时导致输出样式不一。

三、多端适配与开源问题

pc端和移动端尺寸不一样,编辑器组件及UI上需要分端区分,2种设备无法保证呈现效果一样。既能支持网页端又能完美支持移动端端编辑器并不多。

所以做移动端产品千万别认为:“那个xx编辑器不是很不错挺多人用的?直接放在我们app就好了。”

开发哥哥,我要这款编辑器。

在一个产品社区看到一个问题——“有什么优秀的编辑器推荐?”

有人回答,“微信公众号编辑器”、“微信第三方图文编辑器”、“简书编辑器”优秀是毋庸置疑,别人在用的东西不是说接就能接,总不能让你们开发小哥开发一款和“微信公众号编辑器”一摸一样的产品?

开源的编辑器和不开源的编辑器区别在哪?

  • 开源即拿到编辑器源码,可以免费使用相关功能及修改源码进行二次开发。
  • 不开源,可以免费或者付费使用编辑器相关功能,但仅有编辑器所有者才能进行修改更新迭代。

目前开源的编辑器虽然功能众多,但对于广大开发者来说,还是有很多定制化的功能需求,例如:添加按钮、添加样式、删除不必要的组件等。

四、推荐几款编辑器

推荐说明:根据市场反馈及开发大佬们的踩坑合集得出的推荐 (仅个人看法),具体详情请移步至各大编辑器官网进行查看,本次推荐不带任何编辑器链接。

富文本编辑器推荐

(1)UEdito 

一款免费开源非常轻量级富文本编辑器,插件比较丰富,多种操作实现自动化,百度贴吧目前就在使用该编辑器。

自动草稿

(2)KindEditor 

同样也是一款免费开源富文本编辑器,每一个功能都是一个插件。配置简单,还记得刚踏入编程界用的就是KindEditor。整体界面和UEdito非常相似,图标都比较怀旧。

自动草稿

markdown编辑器推荐

editor.md

全球最大的中文专业it社区 csdb都在用的编辑器,其它多的就不说了。

自动草稿

移动端编辑器推荐

eleditor

一款兼容ios 和android 的免费开源编辑器, 兼容绝大多数移动浏览器,但有些年代较久的安卓机器不兼容。

自动草稿