推荐一款免费好用的富文本编辑器的插件,程

北京中科皮肤病医院 https://yiyuan.99.com.cn/bjzkbdfyy/bdfzz/290727.html

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

直接上界面

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

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

什么是富文本编辑器

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

进一步优化

自媒体平台,出于网站的整体考虑,都会限制文字的样式,在word中很多格式都被去掉了,平台一直在做减法,保留了用户常用的,能满足对文字编辑的基本需求的功能。Simditor中虽然字号被我去掉了,但标题还是保留了类word的复杂,看下图:

作为一个插件功能应该提供的足够多,让开发人员有所取舍,这点所有的插件基本都做足了。但对于用户,在网络上的平台,我们其实用不上那么多的东西,简单明了,让使用者一看就知道是什么就可以了,标题我们实际上用不了那么多,最多二级标题足够了,其实你看一下大部分的自媒体平台,都只有一级标题,企鹅家的是二级,我自己在这大半年的使用体会中,实际能用上的最多到二级,一级也够用,所以,昨天晚上花了几个小时,把它的源码给改了改,改成一级标题。因为标题这块功能是集成的,没法定制,只能改源码了。下图这是更改后的:

这个是更改前的,官方的demo,是不是感觉没有原来的好?是的,电脑上看的确是这样,但手机版会是一个不一样的体验。

下面这张图是我的另一篇文章的手机版显示,会不会觉得这样更好一些呢。移动互联网给我们带来了另一种体验,段落的开头,不再以空两格开始,顶头对齐更适合内容的展示,同样一些电脑端的样式以及操作也需要适时的更改

其它选择

1、ueditor

听说国内人用ueditor的比较多,看了下界面,真的很中国化,经常在贴吧或论坛里看到这种风格的富文本编辑器

2、bootstrap-wysiwyg

这个插件是bootstrap


转载请注明:http://www.aierlanlan.com/cyrz/4665.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了