html在线编辑器 哪个好用,可视化HTML富文本编辑器有哪些?哪个好用?

最近在开发一个程序员内部专用的交流平台,需要用上网站编辑器,真的是换了又换,甲方各种不满意。最终,查了相关的资料,得到如下的内容,将分享给大家。

一、可视化HTML富文本编辑器有哪些/p>

最常用的可视化HTML富文本编辑器有:

TinyMCE

UEditor

Kindeditor

Simditor

CKEditor

wangEditor

Suneditor

froala

……等等。

二、可视化HTML富文本编辑器哪个好用/p>

我只能以我做的这个项目为例子,从而说明哪个更适合我用我不敢多说,毕竟每个编辑器都有各自的优点,主要是:是否适合你/p>

我的项目甲方要求富文本编辑器功能除了常用的功能外,例如:标题、字体、大小、颜色、对齐、加粗等等,至少还包括:

1、图片上传“单张/多张”,最好能Ajax图片上传。

2、表格直接选中就能生成,不需要输入几行几列,说用户体验不好。

3、编辑器插入的图片能旋转,能裁剪,能正比缩小,最好图片四个角度都可以正比缩小。

4、能查看编辑器内容的源代码,毕竟是程序员专用的交流社区。

5、能插入PHP、Java、Python等等编程语言代码,最好编辑器内也能高亮显示。

6、编辑器要拥有临时的自动保存功能。

7、编辑器要显示统计字数。

1、Simditor

Simditor是团队协作工具 Tower 使用的富文本编辑器。相比传统的编辑器它的特点是:

功能精简,加载快速

输出格式化的标准 HTML

每一个功能都有非常优秀的使用体验

官方网址:https://simditor.tower.im/

效果演示:

328c2e9b233241c117191c659842bd07.png

3、TinyMCE

TinyMCE是一个轻量级的,基于浏览器的,所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX。另一特点是加载速度非常快,如果你的服务器采用的脚本语言是 PHP,那还可以进一步优化。最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用。

官方网址:https://www.tiny.cloud/

经过综合考虑,我由Simditor、CKEditor、TinyMCE,最终我选择了TinyMCE编辑器。

效果演示:

c62455dd0c8e909a5068e040b3d5b9a9.png

注意:

后面这几个编辑器我没有亲自体验过,只是在我选择用哪个编辑器的时候一定的深入了解。

5、Kindeditor

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。主要特点

快速:体积小,加载速度快

开源:开放源代码,高水平,高品质

底层:内置自定义 DOM 类库,精确操作 DOM

扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能

风格:修改编辑器风格非常容易,只需修改一个 CSS 文件

兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera

官方网址:http://kindeditor.net/demo.php

效果演示:

2ad710008f5e952380813854a2df619b.png

7、Suneditor

Suneditor是基于纯JavaScript,没有依赖性。Suneditor是一种轻便,灵活,可自定义的所见即所得(WYSIWYG)文本编辑器,适用于您的Web应用程序。

从Microsoft Word和Excel粘贴。

自定义表选择,合并和拆分。

媒体嵌入,图像上传。

可以使用CodeMirror,KaTeX。

官方网址:http://suneditor.com/sample/index.html

效果演示:

7489cb4c38ab7c57ea9fe89a9f705ced.png

总结:

其实,没有所谓的哪款编辑器最好也用过不少的编辑器,截止目前为止,我还没有看到有一款十全十美的编辑器,只能说最适合就可以了,跟男人找老婆是一样的道理。

相关资源:富头像上传编辑器v1.4_fullavatareditor-其它代码类资源-CSDN文库

来源:房小探

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2021年5月1日
下一篇 2021年5月1日

相关推荐