14款web前端常用的富文本编辑器插件
富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一样长。
作为一个技术人员,手上备上两款富文本编辑器还是很有用的,指不定那个项目就要集成一个进去。
到时候现找现用那可就费功夫了,毕竟从开发上讲,每个富文本编辑器的用法都是有区别的。
下面是我收集的一些业界比较受欢迎的富文本编辑器,喜欢的朋友、用过的朋友可以一起看看,一起探讨。
1、wangEditor
网址:http://www.wangeditor.com/
基于JavaScript和css开发的 Web富文本编辑器, 轻量、简洁、界面美观、易用、开源免费。
2、TinyMCE
网址:https://www.tiny.cloud/docs/demo/full-featured/
TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。
功能齐全,界面美观,就是文档是英文的,对开发人员英文水平有一定要求。
3、百度ueditor
网址:https://github.com/fex-team/ueditor
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,功能齐全,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码,缺点是已经没有更新了。
4、kindeditor
网址:http://kindeditor.net/demo.php
KindEditor 是一套开源的在线html编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。
KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、php、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
5、Textbox
网址:https://www.textbox.io/
Textbox是一款极简但功能强大的在线文本编辑器,支持桌面设备和移动设备。主要功能包含内置的图像处理和存储、文件拖放、拼写检查和自动更正。
此外,该工具还实现了屏幕阅读器等辅助技术,并符合WAI-ARIA可访问性标准。
6、CKEditor
网址:https://ckeditor.com/ckeditor-5/demo/
CKEditor官方版是一款专业专业的在线文字编辑器,软件支持各种不同的浏览器,可以让用户们轻松在线编辑,CKEditor5官方版软件体积非常小巧,使用起来也十分方便快捷,还能与不同的编程语言相结合,是大家编辑网页代码的必备工具。
7、quill
网址:https://quilljs.com/
Quill是轻型的编辑器,样式一般(黑白风),功能中等,它的代码高亮功能比较强,同样支持行内编辑模式,工具条可自定义。
开源免费,项目活跃,一直有人维护。
8、simditor
网址:https://simditor.tower.im/
simditor是Tower平台使用的富文本编辑器,是一款轻量化的编辑器,界面简约,功能实用,插件不是很多,功能要求不高的可以使用。
虽然是国内出品,但文档是英文的。开源免费。
9、summernote
网址:https://summernote.org/
summernote是一款轻量级的富文本编辑器,比较容易上手,使用体验流畅,支持各种主流浏览器。
summernote开源免费,该项目一直比较活跃,一直都有人在维护。summernote同样依赖于jquery和bootstrap,使用前先引入这两项。
10、jodit
网址:https://xdsoft.net/jodit/
Jodit是一款使用纯TypeScript编写的(无需使用其他库),美观实用的所见即所得(WYSIWYG)开源富文本编辑器,支持中文,超强自定义。
11、Editor.md
网址:https://pandao.github.io/editor.md/
功能非常丰富的编辑器,左端编辑,右端预览,非常方便,完全免费。
12、froala Editor
网址:https://www.froala.com/wysiwyg-editor
界面非常好看,功能非常强大,非常好用(非免费,可破解)
13、eWebEditor
网址:http://www.ewebeditor.net/
eWebEditor外观和使用风格都和微软 Word很类似,功能很多。工具条可以定制,运行速度很快。
导入文件接口很多,支持word、excel、pdf、ppt直接导入,目前版本不支持代码高亮,不适合纯技术平台使用,适合内容编辑人员使用。
eWebEditor有很长的历史了,是典型的传统富文本编辑器,不论是界面,还是功能都比较传统。eWebEditor是收费的,但也有免费的精简版,精简版没有后台功能。
14、dhtmlxEditor
网址:https://dhtmlx.com/docs/products/dhtmlxRichText/
DHTMLX组件是一整套基于js的UI库,功能强大,其中包含编辑器dhtmlxEditor。
该编辑器可以直接集成到Angular,react和vue.js框架中,该编辑器还同时支持Markdown和富文本。
支持普通视图和类似word一样的页面视图,支持全屏幕,工具支持自定义,包括工具条颜色和样式等。
dhtmlxEditor分为免费版和收费版,免费版具有绝大多数功能,而且免费版是开源的你可以在代码级别随便扩充。
最后
富文本编辑器产品真的非常多,以上只是本人接触过的一些,相信还有很多很好的富文本存在,其实也没必要全都试一遍,只有最适合自己的,才是最好的。
14款web前端常用的富文本编辑器插件相关推荐
- 14款前端常用的富文本编辑器插件
富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一 ...
- 前端必备14款业界受欢迎的富文本编辑器
前端必备❗️14款业界受欢迎的富文本编辑器 1.wangEditor 基于JavaScript和css开发的 Web富文本编辑器, 轻量.简洁.开源免费. 2.TinyMCE 一个轻量级的基于浏览器的 ...
- tinymce--一款非常好用的富文本编辑器 VUE如何集成tinymce编辑器
博客(coder的自我修养)原文链接:tinymce--一款非常好用的富文本编辑器 vue集成tinymce编辑器 - coder的自我修养 TinyMC编辑器简介 TinyMCE是一款易用.且功能强 ...
- tui-editor(富文本编辑器插件)安装报错处理方法
tui-editor安装报错处理方法 项目中yarn或npm install时,tui-editor(富文本编辑器插件)安装报错. 显示 warning tui-editor > highlig ...
- 几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍
富文本编辑器 富文本编辑器(Rich Text Editor,RTE)是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于Office Word 的编辑功能,方便那些不太懂HTML用户使用,富文 ...
- 几款常用的富文本编辑器总结
导航 百度富文本编辑器(UEditor) 基本demo 基本API 拓展相关 注意事项 Summernote 基本demo 基本api 扩展相关 Froala 基本demo 基本api 扩展相关 注意 ...
- 常用的富文本框插件FreeTextBox、CuteEditor、CKEditor、FCKEditor、TinyMCE、KindEditor ;和CKEditor实例...
目前市面上用的比较多的富文本编辑器有: FreeTextBox 一个有很多年历史的富文本编辑器了,使用简单,而且一般的使用是免费的,但是不开源,上传图片上传附件等功能没有,扩展性差. CuteEdit ...
- 前端开发,富文本编辑器推荐quilljs,tiptap
我们使用过2个富文本编辑器 1. quilljs 功能强大,可以有很多扩展,但是高亮会影响到编辑器的原文 Quill - Your powerful rich text editorQuill is ...
- Python入门自学进阶-Web框架——34、富文本编辑器KindEditor、爬虫初步
KindEditor是一个轻量级的富文本编辑器,应用于浏览器客户端. 一.首先是下载:http://kindeditor.net/down.php,如下图 下载后是 解压缩后: 红框选中的都可以删除到 ...
最新文章
- android检测蓝牙设备连接不上,Android检查设备连接状态
- cocos2d_x_03_经常使用类的使用_事件_画图
- thinkphp加锁抢购商品
- json添加元素 vue_详解通过JSON数据使用VUE.JS
- 解决import tensorflow时的报错 Passing (type, 1) or ‘1type‘ as a synonym of type is deprecate
- 【1489】求二叉树的先序遍历 SDUTOJ
- fiddler启用过滤规则只显示想要的接口数据
- python编程成果_20192217 2019-2020-2 《Python程序设计》实验四报告
- jenkins忘记密码和常用插件的下载
- Atitit 手机图片备份解决方案attilax总结
- VS编译器常见的问题
- python调用perl_从Python调用Perl脚本不断返回值
- AI 之 OpenCvSharp 安卓手机摄像头识别人脸
- 圣诞节,用python给微信的头像加一个圣诞帽,整起
- python将小数转化为二进制_Python实现的十进制小数与二进制小数相互转换功能
- android 强制退出当前应用程序,android 强制退出应用
- 招行零售金融3.0数字化转型实践
- SEER数据库中肿瘤发病率计算并绘制发病率趋势图
- 用cesium实现绘制标尺
- javaWeb基础一:JDBC (java操作数据库的技术)
热门文章
- 使用ResponseBodyAdvice实现下载注解
- 量化投资策略实时监控系统
- 上海软科 计算机科学,2019上海软科世界一流学科排名计算机科学与工程专业排名拉夫堡大学排名第401-500...
- POJ - 2763 Housewife Wind
- UVA 109 || SCUD Busters(凸包面积计算
- 2022 最新版前端工程师面试题手册
- 如何查找mysql数据库ip_如何查看连接MYSQL数据库的IP信息
- AUTOCAD2007安装过程中遇到的问题以及解决方法
- Visual Studio Code 多开
- 将JS嵌入C++ ————Spidermonkey引擎的使用