登录 
欢迎来到陈冬冬(雪地里走)的学习天地 | 经验分享整理平台 | 陈冬冬
 服务器本次启动于:8天前 

介绍几款webapp在线编辑器

2018-03-06 10:01:26 阅读:()

可能我理解的webapp不准确,将其拆分的意思为web、app我想表达的是可以运行于app上的网页代码,或者是用web(前端)技术实现的app程序,html5在线编辑器我认为它俩一样。很长时间以来我想找一款可以使用于mui编写的app平台上运行的在线编辑器,一直也没有找到我最喜欢的,可能功能上并不需要太多,最基本的有调整文本(大小、颜色,当然如果有粗体、斜体也不觉得多)、图片(上传图片、插入在线图片地址),另外就是在手机端编辑起来顺手,有了这几个方面的实现,我觉得真心就不错了,值得拥有。

找这个webapp起码找了有一年多时间,(如果不是找到了一个自己感觉还不错的是不会有这篇文章的,起码不是此时有),其中有几款我觉得也不错,但是最终都是有一些小小的这丫那丫的让我最终没有去实践,分别如下:

http://www.wangeditor.com/官网的介绍是“基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费”,最初关注的时候好像记得是还没有现在看到的这样完善,有介绍说目前还不建议使用之类的,后期我也就没有过多的去了解它,现在看上去这些话也找不见了,又点了一下看着还不错,作为第二备选的编辑器。

https://medit.js.org/这个编辑器也挺强大的,一个工具栏上的功能点比较丰富,它的图片cao作怎么使倒是没搞明白,有兴趣可以去看看。

https://eleditor.fixel.cn/这个编辑器的实现方式让人耳目一新,看上去跟直接*作dom元素一样,这样的实现肯定是支持移动端的,但是细究其中的功能使用时可以感觉到是对一整(小)段的文本整体的来控制的,比如想稍微的调整一个文本的相关属性貌似是不能的(不排除我不太会用),我不知道demo页面中的“404页面”(蓝色、下划线)效果是怎么弄出来的。不过如果是有对于一整段文本直接cao作的话,用这个编辑器还真不错。

https://summernote.org/这个编辑器的功能也能满足我的需要,使用了的感觉有两点不太喜欢,第一使用了有序列表、无序列表后不知怎么再插入新行,即到下一行的时候取消掉这种列表的样式;第二点是最关注的一个,它的选择图片方式是将图片转换为base64的方式,由于我最终是适用于移动端的,手机相册的图片基本上都是比较大的,如2M的图片大小,这将转换为base64后的文本也将超级大,提交的话也较慢,在一些查询页面如此的话用户的流量表示伤不起。

还有个编辑器是焦点点击到哪里就出来一个浮动的工具栏可进行样式调整,一时找不见是哪个了,就一笔带过吧。其它的类似的编辑器都还是有很多的,这里只是列举一些我个人比较倾向的,下面我重点说一下

http://simditor.tower.im/这个编辑器,从功能上讲,它的全部功能中文本处理有“标题段落”、“粗体”、“斜体”、“下划线”、“删除线”、“字体大小”、“文本颜色”;“无序列表”、“有序列表”、“引用”、“代码”、“表格”、“超链接”、“图片”、“下划线”、“左缩进”、“右缩进”、“居左、中、右”;对于移动端使用功能上还是比较够用的,至于非要说少了什么我想那应该是后退撤销的*作吧。其中最主要的是它从使用上来讲用起来也还是挺顺的,另外它的图片上传也是我所看中的,目前来看,这个编辑器值得拥有,后文我会详细介绍的。

你可能感兴趣的:
      关键字:编辑器(13)app(4)序列表(4)下划线(3)webapp(3)
      互动()
      评论()
      比起点赞,站长更喜欢登录后的评论
      • 0
      • 0
      • 0
      • 0
      • 0