最近在开发一个程序员内部专用的交流平台,需要用上网站编辑器,真的是换了又换,甲方各种不满意。最终,查了相关的资料,得到如下的内容,将分享给大家。
一、可视化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/
效果演示:
3、TinyMCE
TinyMCE是一个轻量级的,基于浏览器的,所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成。功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX。另一特点是加载速度非常快,如果你的服务器采用的脚本语言是 PHP,那还可以进一步优化。最重要的是,TinyMCE是一个根据LGPL license发布的自由软件,你可以把它用于商业应用。
官方网址:https://www.tiny.cloud/
经过综合考虑,我由Simditor、CKEditor、TinyMCE,最终我选择了TinyMCE编辑器。
效果演示:
注意:
后面这几个编辑器我没有亲自体验过,只是在我选择用哪个编辑器的时候一定的深入了解。
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
效果演示:
7、Suneditor
Suneditor是基于纯JavaScript,没有依赖性。Suneditor是一种轻便,灵活,可自定义的所见即所得(WYSIWYG)文本编辑器,适用于您的Web应用程序。
从Microsoft Word和Excel粘贴。
自定义表选择,合并和拆分。
媒体嵌入,图像上传。
可以使用CodeMirror,KaTeX。
官方网址:http://suneditor.com/sample/index.html
效果演示:
总结:
其实,没有所谓的哪款编辑器最好也用过不少的编辑器,截止目前为止,我还没有看到有一款十全十美的编辑器,只能说最适合就可以了,跟男人找老婆是一样的道理。
相关资源:富头像上传编辑器v1.4_fullavatareditor-其它代码类资源-CSDN文库
来源:房小探
声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!