说点编辑器的事


开始博客之旅


开始博客之旅大概有11年的时间了。


#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_51CTO博客


使用过编辑器


这里凭借着早些年挑灯码字的深刻记忆,复原一下使用过的51CTO博客编辑器,回顾一下51CTO博客编辑器的成长



富文本编辑器


印象中富文本编辑器经历过2~3个版本,主要集中在功能优化,迭代更新。


类似于下面的风格:


#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_WuKong_02





这类编辑器也是早期Web在线编辑的主要编辑器,当时看来已经非常优秀,功能强大,体验也还不错。不过也有缺点,比如:本地的文章(word, text)内容很难直接更新到在线编辑器;写文章的时候还要考虑排版。


经过过多次编辑器的改版和升级,文章的迁移兼容性时非常差的。了解技术的同学应该都知道这类编辑器背后对应的是一堆HTML/CSS/JavaScript的代码。


Windows Live Writer


Windows Live Writer是一款由微软开发的强大的离线发布文章工具。为了更好的帮助到博主,51CTO博客编辑器是支持 Live Write连接到博客,可以直接本地编写文章发布到51CTO博客。

#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_WuKong_03

Markdown编辑器

    这次编辑器是在线创作平台的一次变革,顺应了极客编辑的时代潮流。富文本编辑留给了大众用户,markdown留给极客。

#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_WuKong_04

    markdown编辑器终于让写博客这件事回归到内容本身,专注内容,将排版留给系统。作为多年写作的程序员,工作文档,日常日志都是采用markdown完成,提供给其他人阅读通过系统可以很好的输出各种格式,比如:PDF, Word等。

 

    markdown让内容创作更专注。

    

悟空编辑器体验


初步感受


近期51CTO的博客编辑器再次迎来变更。在markdown的编辑器基础上有了更大的突破。


个人初步感受:智能,更沉浸的写作体验


这篇文章​​商城秒杀系统分析与设计​​是通过悟空(WuKong)编辑器完成的,整个写作过程很流畅,如果不仔细体会,很难感受她的变化,但确确实实的有很大变化。


贴心功能


沉浸式体验


悟空编辑器融合了markdown编辑的编辑和预览两部分。当写作的时候,创作者只需要关注内容,无需受到格式的困扰。无论是否熟练掌握markdown的语法,都能很流程的编写文章。内容的粘贴,复制,移动,工具栏的使用体验跟本地记事本或者word操作几乎没有差别。本次变更最大的亮点,智能+沉浸式,很赞!

智能目录


悟空编辑器能够智能生成目录,通过编辑的内容(H1~H6)来生成,快捷方便。文章的阅读页面很好的通过目录定位内容,沉浸式阅读体验


#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_51CTO博客_05#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_WuKong_06



粘贴检测


悟空编辑器对粘贴的内容做了markdown语法的检测,自动完成内容的处理和转化。体验了一下,转化效果很不错


#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_51CTO博客_07


图片处理


悟空编辑器支持图片的设置,排版。很赞

#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_51CTO博客_08




敏感词检测

悟空编辑器发布文章时,提示包含敏感词的具体内容,超级实用。曾有某年某月有一个晚上写完文章,死活发布不了,提示存在敏感内容,可是不知道到底哪里敏感了,反复查阅和修改,体验很不好。


#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_51CTO博客_09


文章设置


以前的文章设置时在编辑器底部,现在的文章设置的流程放到了发布文章的时候,这个改进确实很棒。作为用户创作期间,其实是很难一开始就关注文章设置的内容,只有真正确定发布的时候才会关心和考虑。


编辑器底部的“基础信息”同样可以进行文章设置。保留了一种选择。


#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_悟空编辑器_10


默认编辑器

 如果喜欢,请默认吧! 按下面的步骤操作吧!

  1. 个人头像
  2. 创作中心
  3. 基本设置
  4. 默认编辑器,设置Wukong编辑器

#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_WuKong_11


更多变化


以上都是个人的体验和关注点。这里就不多说其它的功能了,具体移步​​悟空编辑器更新记录​​。


建议和意见


问题类

  • 粘贴markdown内容时,超链接解析有点小问题,参见下面图片

#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_WuKong_12

  • “基础信息” 这个描述有点不易理解,比如:文章设置,博文设置,设置博文信息 等可能容易理解​

#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_悟空编辑器_13

  • 列表的多层级编辑时显示正常,阅读时显示不异常

#聊一聊悟空编辑器# 51CTO博客悟空编辑器体验_WuKong_14


需求类


  • 提供博文转换PDF下载功能(买个会员,哈哈)
  • 保留markdown编辑器的提供上传markdown文档生成博文功能,扩展支持上传的文档引用的本地图片一并上传


写在最后


   好的在线编辑器是对创作者最有力量的支持,51CTO博客编辑器本次重大变革,是对一直在平台中笔耕不辍的博主的支持,相信下一个10年仍然与51CTO一同走来。