laizimo/zimo-article

移动端富文本实践篇

laizimo opened this issue · 1 comments

前言

富文本编辑器,是写文章的利器。对于一个网站来说,好的富文本编辑器更是锦上添花

本篇为移动端富文本实践篇的前言篇,文章主要介绍了现状,项目起因,以及接下来篇章的主要内容概要。如果你对这个话题,或者这个项目感兴趣,不妨先访问一下github项目。如果你看了之后,表示喜欢,那么,请动动你的小手点一下Star,表示对我们的支持。同时,如果你对项目的使用有任何疑问,或者建议,可以在issues里面给我们提出你宝贵的意见。我们也将不断丰富与完善整个项目,打造出一个优质的富文本项目。github项目地址

正文

每个项目都有初衷,也同样会有目标。本来实践篇的文章都是上来就是干,直接丢代码。但是,本篇只分析一下,在项目初期的考量。只有清楚现有的项目中的不足,才能够优化它们的不足,打造出一款优质的项目。那么,我们首先要来清楚一下富文本编辑器的现状。

现状概述:

现在市面上,好的富文本编辑器都得数不胜数。强大如ueditor,功能齐全,被广泛运用;小如Pell,整体大小才不到1kb,风格单一,简约。但是这些富文本编辑器大多数是针对PC端的,移动端的却有点少,而且不精。项目不多的原因,就是移动端其实在这方面需求并不多,而且这一方面的产品少。唯一只有简书和知乎等产品上的富文本编辑器,小而精,风格统一,简约。尤其是,像简书的移动端富文本编辑器,体验良好,在图片等处理上面,下了很大的功夫。可是,由于是其公司产品,并未有开源的。现在移动端的流量逐渐增加,文章的产出不断增加,移动端的富文本编辑器需求也会不断增加。或许,某个晚上,你就会躺在床上,使用手机码字,写心得和感悟呢。

项目初衷:

在今年的五月份,我们一起接手了一个外包项目。其中,就需要使用到移动端的富文本编辑器,主要是让用户来描述自己的需求。可是,在github上面,真正移动端的富文本编辑器并没有太多,而且大多都没有图片处理的部分。自从那一次项目之后,我们粗涉富文本编辑器,里面的坑是一个接着一个。后来,我与我安卓的朋友萌生了一个自己开发一个类似于简书等优质的移动端富文本应用的想法。这个项目的目的是打造一个功能基本齐全的,可配置不同主题风格的富文本编辑器。

目前,整个项目已被放到github网站上面,版本属于v1.0版,后续还会进行不断的优化。github项目地址

内容概要:

或许,真正做富文本开发的人员并不多,网上也并未找到比较详尽的开发方案等,大多数时候都是自己摸着石头过河。同时,也总结了一下自己在开发过程中的一些经验,下面的文章是接下来篇幅内容的一个概要:

  1. 移动端富文本实践篇(一):富文本开发之前的一些基础知识普及,以及实践中的大致应用。

  2. 移动端富文本实践篇(二): 本篇的内容,主要是讲述一些dom元素的事件的监听情况,以及一些安全措施

  3. 移动端富文本实践篇(三):本篇内容主要是讲一下文章中文字部分的处理,如'bold'、'italic'、'blockqueto'、'h1'等,以及分割行的插入和链接的插入和修改等模块的代码分析。

总结

本节并没有太多的干货,更多的是我们做项目的初衷。现在github社区上面,开源项目千千万万,我们更应该明确项目的目标与初衷,才能在一众项目中脱颖而出。相信,并且希望我们能够一同学习,一同进步。

最后,如果你对我写的有疑问,可以与我讨论。如果我写的有错误,欢迎指正。你喜欢我的博客,请给我关注Star~呦。大家一起总结一起进步。欢迎关注我的github博客。同时也希望你关注我们的项目,github项目地址,谢谢支持