最近想在自己的网站上写套OA审批功能,第一反应是找找有没有现成的开源的项目,结果ruby这个社区OA还不是很健全,更准确的说是没人去做,归根结底,OA这些东西,定制化程度很高了,每个企业有自己的步骤,大公司直接自己开发,小公司前期犯不上用,导致这块功能始终没人乐意去做。没人做的话就自己写吧,其中一个比较头痛的问题就是富文本编辑器,小编用的是Simditor。

  直接上界面

  Simditor这款编辑器是Tower 使用的富文本编辑器,相比传统的编辑器它的特征是:功能精简,加载迅速输出低格的标准 HTML,每一个功能都有特别优秀的使用感受,兼容的浏览器:IE10+、Chrome、Firefox、Safari。这个是简略的介绍,其实可以大约一看,每个插件就会把最好的功能给展示下来,让你看起来它们的特点差不多都一样。

  工具栏小编给改成那样了,注意:所有的富文本编辑器都可以自定义工具栏,按照目前自媒体平台的流行趋势,做了这个调整,把一些好处并不是很大,但使用不当会影响整体美观的功能给除去了,比如缩进、文字色调、字号,删除线、下划线、斜体,这些功能你在自媒体平台上也几乎太罕见,他们对文章的阅读影响比较低,而调整不好,则会特别影响整体的美感。

  什么是富文本编辑器

  这个对程序员来说有点多余,但总有不是计算机行业的读者,还是还要简略介绍一下的,看过里面的图,您大致对富文本编辑器有个了解了,传统的输入框键入的内容无法做格式上的修改,它的功能和我们的word一样,可以对其中内容的格式做一些调整,还可以添加图片等等,它在开发中有个专有名词,叫富文本编辑器。

  进一步优化

  自媒体平台,出于网站的整体考虑,都会限制文字的式样,在word中这些格式都被除去了,平台仍然在做除法typecho 富文本编辑器,保留了用户常用的,能满足对文字编辑的基本需求的功能。Simditor中即使字号被我除去了,但标题还是保留了类word的复杂,看右图:

  作为一个插件功能应当提供的足够多,让开发人员有所抉择,这点所有的插件基本都做足了。但对于用户,在网路上的平台,我们当然用不上那么多的东西,简单明了,让使用者一看就晓得是何种就可以了,标题我们实际上用不了那么多,最多二级标题足够了,其实你看一下大部分的自媒体平台,都只有一级标题,企鹅家的是二级,我自己在这大半年的使用感受中typecho 富文本编辑器,实际能用上的最多至二级,一级也够用,所以,昨天晚上花了几个小时,把它的源码给改了改,改成一级标题。因为标题这块功能是集成的,没法订制,只能改源码了。下图这是修改后的:

  这个是修改前的,官方的demo,是不是觉得没有原先的好?是的,电脑上看的确是那样,但相机版会是一个不一样的感受。

  下面这张图是我的另一篇文章的相机版显示,会不会认为这么更好一些呢。移动互联网给我们带给了另一种感受,段落的开头,不再以空两格开始,顶头对齐更适宜内容的展示,同样一些笔记本端的款式以及操作也须要适时的修改

  其它选择

  1、ueditor

  听说国外人用ueditor的比较多,看了下界面,真的太美国化,经常在帖吧或峰会里看见这些色调的富文本编辑器

  2、bootstrap-wysiwyg

  这个插件是bootstrap官网推荐的,但我试了好几次,不知道哪配置有问题,一直不起作用,就舍弃了。

  3、quill

  这个貌似大企业用的比较多,请教了下圈里的大牛,对它的评价是不限制框架,但是还要订制,理念太先进

  小伙伴们,你们的富文本编辑器用的是哪种呢?

Last modification:December 15th, 2020 at 11:10 am
如果觉得我的文章对你有用,请随意赞赏