富文本编辑器杂谈

标签: 程序开发 编辑器 | 发表时间:2018-02-01 19:12 | 作者:标点符
出处:https://www.biaodianfu.com

在开发内容型网站的时候,少不了要接触富文本编辑器。对开发人员来说,全新开发一个富文本编辑器会耗费大量的时间在细节的调整和坑的处理上。在针对内部用户使用的系统中,普遍采用的方式是接入现成的开源编辑器,做简单的功能配置。而针对面向普通用户的系统,富文本编辑器往往是单独进行设计和开发的。

传统的富文本编辑器

在把一些功能较多,且可以配置功能项的编辑器称为传统编辑器,这类编辑器是最早出现的我们身边的,典型的代表有:百度的 ueditorckeditor 4tinymce

主要特点是功能强大,通常用在一些后台管理系统中。

其他比较推荐的编辑器有:

传统的富文本编辑器虽然功能强大,但是也会带来一些问题,很多功能日常用不到,妨碍视线等。普遍的做法是通过配置掩藏一些不需要的功能。当然也有重新开发精简版的案例,如 layedit

面向程序员的markdown编辑器

Markdown 是一种轻量级的标记语言,可以用一些简单语法来表达一些富文本内容。确切的说Markdown是一种语法规则而不是编辑器。markdown主要的优点是针对熟悉语言的用户,输入效率会非常的高,由于使用前需要先学习一下语法规则,使用大部分只有程序员在使用,不太适合普通大众的需求。

虽然Markdown编辑器可提供一些可视化的按钮选择项目,但是接受度目前还不是非常的高。

比较推荐的编辑器有:

悬浮式富文本编辑器

第一次见到悬浮式的富文本编辑器来自于 medium,目前很多的悬浮式编辑器大都参考的是medium。主要特点是简单。

比较推荐的编辑器有:

呈现排版编辑器(微信公众号编辑器)

由于微信公众号自带的编辑器功能太弱,很多第三方网站开发了针对微信公众号的排版编辑器。这类编辑器的主要功能是排版。这样的编辑器场景独特,普通的网站一般很少用到。

比较流行的有:

个人比较喜欢的编辑器

在个人看来做的比较好的编辑器有:

  • 传统型: 知乎专栏编辑器(功能精简且实用,包括了对公式Tex的支持)
  • 悬浮行: medium
  • Markdown型: segmentfault的编辑器

关于编辑器是否要支持手机操作,我觉得这是个假议题,手机并不是一个生成力工具,手机上输入文字的速度也非常的低,目前的富文本编辑器大都采用选中设置,在触摸屏的手机上,选中是一个非常繁琐的工作。所以手机端的文本操作只要纯文本即可。如果是针对程序员的站点,可支持markdowm。

The post 富文本编辑器杂谈 appeared first on 标点符.

相关 [富文本 编辑] 推荐:

富文本编辑器杂谈

- - 标点符
在开发内容型网站的时候,少不了要接触富文本编辑器. 对开发人员来说,全新开发一个富文本编辑器会耗费大量的时间在细节的调整和坑的处理上. 在针对内部用户使用的系统中,普遍采用的方式是接入现成的开源编辑器,做简单的功能配置. 而针对面向普通用户的系统,富文本编辑器往往是单独进行设计和开发的. 在把一些功能较多,且可以配置功能项的编辑器称为传统编辑器,这类编辑器是最早出现的我们身边的,典型的代表有:百度的 ueditor、 ckeditor 4和 tinymce.

Essay:脱颖而出的富文本编辑器

- Jarod - 爱范儿 · Beats of Bits
iPhone 上的文字处理软件非常多,为什么要推荐这款 Essay. 因为它的简洁高效,因为它的云端同步,因为它顺手的控制功能,Essay 完全有实力成为沙砾中的宝石. 在 iPhone 上处理纯文本,用自带的备忘录就足够了,在什么情况下需要处理富文本呢. 例如想用 iPhone 完成一篇博客. 你当然可以用 WordPress for iPhone ,但它粗糙的功能和简陋的编辑器会让你失去愉快的感觉.

百度开源富文本编辑器UEditor v1.1.6 新版发布

- 小熊TONY - cnBeta.COM
UEditor是由百度 Web前端研发部开发的所见即所得的富文本在线编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许互联网开发者自由传播和使用代码. 百度UEditor的推出,可以帮助不少网站开者在开发富文本编辑器所遇到的难题,节约开发者因开发富文本编辑器所需要的大量时间,有效降低了企业的开发成本.

Flask项目集成富文本编辑器XHEditor

- - SegmentFault 最新的文章
本文介绍如何在Flask项目中集成富文本编辑器xhEditor,并实现图片上传、文件上传、视频上传、远程抓图等(包括拖拽上传)功能. xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器,基于网络访问并且兼容IE 6.0+, Firefox 3.0+, Opera 9.6+, Chrome 1.0+, Safari 3.22+.

5 款免费实用的富文本编辑器

- - ITeye资讯频道
Web 应用经常会用到富文本编辑器功能,当然如果是 JavaScript 大牛,重复造轮子也是可以的,如果想省时省力,可以关注下下面 5 款免费的文本编辑器框架. widgEditor 体积小,只有 33.4 KB,简洁实用,支持 HTML 编码. 主要优点:朴素,代码小,易用;. 缺点:功能不足,不易扩展,缺乏第三方支持.

百度推富文本开源编辑器 向第三方开放源代码

- Will - ITeye资讯频道
    百度正式发布Ueditor富文本Web编辑器,并向第三方开发者和团队开放编辑器源代码.     据了解,这款所见即所得的编辑器由百度web前端研发部开发,具有轻量,可定制,注重用户体验等特点. 业内人士认为,Ueditor开源编辑器能降低网站的开发成本,尤其在代码部署和定制化开发方面提供解决方案.

从编辑到PM

- 小鱼 - 所有文章 - UCD大社区
春节前收到一封陌生人的来信,一位网站频道编辑,向我咨询转型PM的可行性. 他问道:“你觉得做媒体和做产品,以前一样么. 话题很有趣,我也乐意就此写点什么. 遗憾的是,编辑转产品的成功概率却是不高的,就我的经验来看,存在四个障碍. 媒体工作需要捕捉阅读的共性,即“大家都爱看的内容”,相对来说比较忽视用户的个性化特征.

Google 搜索富文本摘要支持应用信息

- SotongDJ - 谷奥——探寻谷歌的奥秘
Google继续丰富搜索引擎的富文本摘要内容,随着移动应用的火热,现在他们推出了符合移动应用显示的富文本摘要. 如上图,目前支持Android Market和App Store里的应用,在富文本摘要里可显示出移动应用的图标(仅Android Market支持)、评价星级、用户评价数量、介绍和更新日期.

富文本插件Ckeditor的使用方法——效果很好

- - CSDN博客推荐文章
       Ckeditor插件的下载首页: http://ckeditor.com/download,您可以根据自己的实际需要选择是Basic Package、Standard Package、Full Package. 这三个版本实际上就是插件包含的js数量不同,也就是插件功能的差别. 建议选择Full Package,因为ckeditor可以自定义插件的工具栏.