所见即所得编辑器介绍

By strwei at 2016-04-01 • 1人收藏 • 529人看过

一直以来,我都被所见即所得 (WYSIWYG) 编辑器困扰着,项目中总是会用到,但是他们又总是没那么好…

实际上,目前市面上已经有太多这类开源的工具:(KindEditor, TinyMce, KissyEditor, NicEdit, CKEditor …)

下面是我在使用中发现他们普遍存在的问题:

  • 太复杂,绝大多数功能我不需要;

  • 加载缓慢,调用复杂,有的甚至至少要传 10 多个参数…

  • 没有自动的格式清除功能,用户从别的地方粘贴过来提交后内容乱七八糟;

  • 预览与实际结果无法很好的统一;

  • 调用太复杂,文件众多,安装麻烦(比如 KissyEditor 就是典型);

  • 换行普遍是插入 <br> 而不是 

    …;这点非常重要,他决定着未来的内容排版;

  • 编辑出来的内容总是会有一堆乱七八糟的 style 属性,甚至有 width, height 之类的,严重影响响应式布局;

  • 有的使用 iframe,导致后期控制很不方便;

  • 当你需要把你的内容放到移动客户端的时候,你傻眼了,太难处理了,样式都在属性里面…

  • 长得太丑,又不好修改样式

如果你也有上面这些困扰,尝试使用 jquery.qeditor 吧,是的,它优雅的解决了上面的问题!

这是一个开源项目,源代码是用 CoffeeScript 和 Scss 编写的,编辑器只有两个文件,目前主要的 JS 文件的 CoffeeScript 代码 200 行不到。

jquery.qeditor 的功能与设计定位

  • 编辑的结果保持纯净、标准的 HTML Tag,样式通过使用者自己用外部 CSS 统一控制,以便你的内容能很好的实现响应式布局,以及在 iOS, Android 的 Native 控件上面轻松展示;

  • 不会有字体样式,大小设置功能;

  • 不会有颜色设置功能;

  • 不再向下兼容 IE6,7;

  • 自动根据一个 textarea 绑定,让编辑器无缝的和 form 结合;

  • 使用 Font-awsome 作为 Toolbar 的按钮图标,使用简单,并且支持 Retina Display;

  • 无论你从哪里拷贝东西粘贴过来,jquery.qeditor 里面都能按照你的内容 CSS 定义来显示;

  • 沉浸式的全屏界面,让你在全屏界面找到真实预览的感觉;


相关地址


15 个回复 | 最后更新于 2016-04-11
2016-04-02   #1

粘贴板自动上传图片之类的功能呢?

表格、代码高亮、视频、自动排版、涂鸦、表情。

好像都没有……

感觉好简陋。

2016-04-02   #2

国产里面百度的几个良心产品之一ueditor已经很不错,也就是目前贵站用的

2016-04-03   #3

回复#1 @lincanbin :那些就属于我红字标出来的部分。。。。。。。。。。。。。。。。

2016-04-03   #4

而且这个是移动pc通用

2016-04-03   #5

回复#3 @strwei :

那种width和height,移动端都可以很容易修正的……

2016-04-04   #6

現在論壇裡內建的就是這個編輯器嗎?

2016-04-04   #7

回复#6 @美智。 :

是UEditor。

2016-04-10   #8

其实,根据手机版的重要性,只需要纯文字+图片上传,就差不多够了,再多操作复杂,删繁就简,少就是多,很多工程师的思路跟不上,总是考虑太多。最终只能被众多小白用户抛弃,当然,有的特定行业是需要一些功能。

2016-04-10   #9

我不太懂技术,这是一个编辑器吗,可以简单替换其他程序中的编辑器吗?

2016-04-10   #10

lin作者所复制谓粘贴自动上传图片,我觉得是一个小众需求,看起来挺方便,但是没几个人会去那样操作。因为是要单独选中图片,复制,粘贴进来才行。而不是全文复制,粘贴,自动上传保存。

2016-04-10   #11

回复#10 @lion163 :

不是全文复制,粘贴,自动上传保存。

目前也是已实现的……

2016-04-10   #12

回复#11 @lincanbin :

发现谷歌浏览器无法自动完成粘贴动作,需要手动ctrl+v

2016-04-10   #13

回复#12 @strwei :

说的是远程图片自动上传到服务器保存。

2016-04-11   #14

我感觉就是百度编辑器拖慢了网页执行时间,如果换个小巧的应该更快更爽

2016-04-11   #15

回复#14 @strwei :


登录后方可回帖

登 录
信息栏
购买PHP虚拟主机 / VPS

Carbon Forum是一个基于话题的高性能轻型PHP论坛

下载地址:Carbon Forum v5.0.1
QQ群:12607708(QQ我不常上)

donate

手机支付宝扫描上方二维码可向本项目捐款

Loading...