几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

2023-11-10

富文本编辑器

 富文本编辑器(Rich Text Editor,RTE)是一种可内嵌于浏览器,所见即所得的文本编辑器。它提供类似于Office Word 的编辑功能,方便那些不太懂HTML用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一样长。

 作为一个技术人员,手上备上两款富文本编辑器还是很有用的,指不定那个项目就要集成一个进去。到时候现找现用那可就费功夫了,毕竟从开发上讲,每个富文本编辑器的用法都是有区别的。

 下面是我收集的一些业界比较受欢迎的富文本编辑器,喜欢的朋友、用过的朋友可以一起看看,一起探讨。

1、TinyMCE

 TinyMCE是一个开源的所见即所得的HTML编辑器,界面相当清新,界面模拟本地软件的风格,顶部有菜单栏。支持图片在线处理,插件多,功能非常强大,易于集成,并且拥有可定制的主题。支持目前流行的各种浏览器,它可以达到微软Word类似的编辑体验。

 而且这么好的东西还是开源免费的,目前一直有人维护,这款编辑器使用的人非常多。

 更多介绍及下载:https://www.tiny.cloud/docs/demo/full-featured/

 

2、CKEditor

 Ckeditor也是一款非常经典的富文本编辑器,官方下载量过千万。它是在非常著名的FCkEditor基础上开发的新版本,FckEditor的用户现在基本都转移到Ckeditor了。

 Ckeditor有高性能的实时预览,它特有行内编辑功能,使得编辑内容更加直观,仿佛是在编辑网页一样,有很强的可扩展性,被各大网站广泛运用。

 更多介绍及下载:https://ckeditor.com/

 

3、UEditor

 UEditor 是由百度出品的富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源免费。这款编辑器用过的人也非常多,功能非常全面,插件很多,还可以很方便插入百度地图,接入十分简单。

 16年之后百度没有怎么更新了,不过现有的功能也足够用了。UEditor分为UE版(全功能版)和UM版(精简版),大家可以根据自己使用环境选择不同的版本。

 更多介绍及下载:http://ueditor.baidu.com/website/

 

4、wangEditor

 wangEditor轻量级,小巧实用,配置方便,使用简单。可以自定义皮肤功能,免费开源。用户数量也很多,尤其是用在一些轻型环境,比如论坛社区回帖。wangEditor是国人出品的开源项目。

 更多介绍及下载:http://www.wangeditor.com/

 

5、kindeditor

 KindEditor历史也很长了,用户数也不少,国内某公司出品。免费开源。界面类似于office word,界面和功能中规中矩,文档齐全,使用还算方便。

 更多介绍及下载:http://kindeditor.net/demo.php

 

6、simditor

 simditor是Tower平台使用的富文本编辑器,是一款轻量化的编辑器,界面简约,功能实用,插件不是很多,功能要求不高的可以使用。

 虽然是国内出品,但文档是英文的。开源免费。

 更多介绍及下载:https://simditor.tower.im/

 

7、bootstrap-wysiwyg

 bootstrap-wysiwyg是基于Bootstrap的轻型、免费开源的富文本编辑器,界面简洁大方。使用需要先引入bootstrap。

 个人觉得bootstrap-wysiwyg这一长串像乱码一样的名字影响了它的推广和使用~ ~毕竟轻型使用环境还是很多的。

 更多介绍及下载:http://mindmup.github.io/bootstrap-wysiwyg/

 

8、summernote

 summernote是一款轻量级的富文本编辑器,比较容易上手,使用体验流畅,支持各种主流浏览器。summernote开源免费,该项目一直比较活跃,一直都有人在维护。

 summernote同样依赖于jquery和bootstrap,使用前先引入这两项。

 更多介绍及下载:https://summernote.org/

 

9、Froala

 Froala是一款功能丰富的富文本编辑器,界面分类清晰,容易集成,容易升级,支持主流浏览器,具有行内编辑功能。Froala代码示例很多,可以集成在很多js框架里如React.js,Aurelia,Angular,Ionic,Django等。插件很多,易于扩充功能。

 Froala是收费的,不过前端是开源的,如果要使用后台是要交费的(如果你使用国人强大的crack技能那就是另外一回事了~ ~)。目前有三个定价方式:基础版(239美元)、专业版(1199美元)和企业版(1999美元)。

 更多介绍及下载:https://www.froala.com/wysiwyg-editor

 

10、Quill

 Quill是轻型的编辑器,样式一般(黑白风),功能中等,它的代码高亮功能比较强,同样支持行内编辑模式,工具条可自定义。

 开源免费,项目活跃,一直有人维护。

 更多介绍及下载:https://quilljs.com/

 

11、FreeTextBox

 FreeTextBox功能强大,前端支持主流浏览器,但后台只支持.NET。它的外观和使用风格都和微软 Word很类似。工具条可以定制,运行速度一般。FreeTextBox分为免费版和pro收费版,一般情况免费版本功能已经足够用了。

 更多介绍及下载:http://freetextbox.com/

 

12、dhtmlxEditor

 DHTMLX组件是一整套基于JS的UI库,功能强大,其中包含编辑器dhtmlxEditor。该编辑器可以直接集成到Angular,React和Vue.js框架中,该编辑器还同时支持Markdown和富文本。

 支持普通视图和类似word一样的页面视图,支持全屏幕,工具支持自定义,包括工具条颜色和样式等。

 dhtmlxEditor分为免费版和收费版,免费版具有绝大多数功能,而且免费版是开源的你可以在代码级别随便扩充。

 更多介绍及下载:https://dhtmlx.com/docs/products/dhtmlxRichText/

 

13、eWebEditor

 eWebEditor外观和使用风格都和微软 Word很类似,功能很多。工具条可以定制,运行速度很快。导入文件接口很多,支持word、excel、pdf、ppt直接导入,目前版本不支持代码高亮,不适合纯技术平台使用,适合内容编辑人员使用。

 eWebEditor有很长的历史了,是典型的传统富文本编辑器,不论是界面,还是功能都比较传统。

 eWebEditor是收费的,但也有免费的精简版,精简版没有后台功能。

 更多介绍及下载:http://www.ewebeditor.net/demo/

 

最后

 富文本编辑器产品真的非常多,以上只是本人接触过的一些,相信还有很多很好的富文本存在,其实也没必要全都试一遍,只有最适合自己的,才是最好的。

 如果你用过其中的一种,或者你用过其他好用的富文本编辑器,欢迎交流分享。

 如果你还喜欢现在流行的markdown编辑器,请看我的另一篇文章《几款主流好用的markdown编辑器介绍》

 如果想了解markdown编辑器和富文本编辑器的区别,请参考《markdown编辑器与富文本编辑器优缺点比较,哪个更好用》

 

转载请注明原文地址:https://blog.csdn.net/davidhzq/article/details/100842866

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍 的相关文章

  • C++ STL概述

    STL就是封装好的一些数据结构以及一些算法 C STL 标准模板库 是一套功能强大的 C 模板类 提供了通用的模板类和函数 这些模板类和函数可以实现多种流行和常用的算法和数据结构 如向量 链表 队列 栈 Standard Template
  • Markdown基本语法

    Markdown基本语法 一 Markdown了解 二 基本语法 1 各级标题的写法 2 段落 3 字体样式 4 分隔线 5 下划线 6 脚注 7 列表 8 代码块 9 引用 10 图片插入 11 链接 12 表格 三 高级技巧 1 HTM
  • Sublime Text配置anaconda环境

    Ref https blog csdn net pptde article details 110791950 spm 1001 2101 3001 6661 1 utm medium distribute pc relevant t0 n
  • 关于obsidian和typora之间格式无法兼容的解决(图片显示问题)

    要在obsidian中进行如下设置 也就是将每个markdown文件中的图片都放在该markdown文件所在的文件夹中 然后图片的格式是通用markdown的格式 路径是基于该文件的相对路径 使用时 每个文件都单独创建一个文件夹来放置 然后
  • PhpStorm为什么值得推荐?

    智能编码辅助 PhpStorm 是一个 PHP IDE 它实际上 获取 您的代码 它支持 PHP 5 3 5 4 5 5 5 6 7 0 7 1 7 2 提供动态错误预防 最佳自动完成和代码重构 零配置调试以及扩展的 HTML CSS 和J
  • Go 程序编译过程(基于 Go1.21)

    版本说明 Go 1 21 官方文档 Go 语言官方文档详细阐述了 Go 语言编译器的具体执行过程 Go1 21 版本可以看这个 https github com golang go tree release branch go1 21 sr
  • 机器人制作开源方案 | 校园餐具回收分类机器人

    作者 梁桥 吴振宇 凌福海 李清轩 姜晓敏 单位 华北科技学院 指导老师 韩红利 张伟杰 1 场景调研 1 1 项目实施目的 受新冠病毒引起的影响 人们生产生活发生了巨大的改变 现处于疫情防控常态化阶段 为应对点状爆发 减少人员接触 目前在
  • vscode调试mit6s081Lab

    环境 mit6 s081的实验环境 gdb multiarch 用于gdb调试 vscode调试实质上就是提供个图形化页面 底层还是这个 安装 gdb multiarch sudo apt get install gdb multiarch
  • 拒绝写重复代码,试试这套开源Spring Boot组件,效率翻倍!

    1 简介 Graceful Response是一个Spring Boot技术栈下的优雅响应处理器 提供一站式统一返回值封装 全局异常处理 自定义异常错误码 等功能 使用Graceful Response进行web接口开发不仅可以节省大量的时
  • vim常见操作

    vim常见操作 文章目录 vim常见操作 1 回退 前进 2 搜索 3 删除 4 定位到50行 5 显示行号 6 复制粘贴 7 剪贴
  • Swift 响应式编程:简化 KVO 观察与 UI 事件处理 | 开源日报 No.110

    ReactiveX RxSwift Stars 23 8k License MIT RxSwift 是 Reactive Extensions 标准的 Swift 特定实现 它提供了 Observable 接口来表达计算的通用抽象 该项目旨
  • fckeditor编辑器改造示例:增加PRE,CODE控件

    查看专栏目录 Network 灰鸽宝典专栏主要关注服务器的配置 前后端开发环境的配置 编辑器的配置 网络服务的配置 网络命令的应用与配置 windows常见问题的解决等 文章目录 修改方法 1 修改fckconfig js文件 2 修改FC
  • 安卓自动化 APP:轻松关闭任意开屏广告 | 开源日报 No.116

    gkd kit gkd Stars 8 7k License GPL 3 0 基于无障碍 高级选择器 订阅规则的自定义屏幕点击 APP 主要功能包括实现跳过任意开屏广告 关闭应用内部弹窗广告以及一些快捷操作 如微信电脑登录自动同意和领取红包
  • 一键生成精美电子书:让阅读更加惬意 | 开源日报 No.115

    keyvanakbary learning notes Stars 4 0k License NOASSERTION 这个项目是一个学习笔记的仓库 作者在这里记录了自己阅读书籍 观看讲座 研究文章和喜爱论文时所做的简要总结 主要功能包括提供
  • 各种不同语言分别整理的拿来开箱即用的8个开源免费单点登录(SSO)系统

    各种不同语言分别整理的拿来开箱即用的8个开源免费单点登录 SSO 系统 单点登录 SSO 是一个登录服务层 通过一次登录访问多个应用 使用SSO服务可以提高多系统使用的用户体验和安全性 用户不必记忆多个密码 不必多次登录浪费时间 下面推荐一
  • 评分卡在数字化时代的应用与比较,谁是最强规则引擎?

    在数字化时代 规则引擎在各种业务场景中发挥着越来越重要的作用 评分卡作为规则引擎的一个重要应用 被广泛应用于员工KPI考核 业务评估 授信额度计算等等场景 本文引用了奔跑的小武哥的内容 对市面上的几个规则引擎进行对比展示 就小武哥整理的内容
  • 开源一个超好用的接口Mock工具——Msw-Tools

    作为一名前端开发 是不是总有这样的体验 基础功能逻辑和页面UI开发很快速 本来可以提前完成 但是接口数据联调很费劲 耗时又耗力 有时为了保证进度还不得不加加班 为了摆脱这种痛苦 经过一周的努力 从零开发了一个灵活无依赖 且集成简单的数据接口
  • vscode插件离线安装地址

    因内网开发 编辑器不可联网 插件需要离线安装 vscode插件商店 Extensions for Visual Studio family of products Visual Studio Marketplace
  • 9个最受欢迎的开源自动化测试框架盘点

    2024软件测试面试刷题 这个小程序 永久刷题 靠它快速找到工作了 刷题APP的天花板 自动化测试框架可以帮助测试人员评估多个Web和移动应用程序的功能 安全性 可用性和可访问性 尽管团队可以自己构建复杂的自动化测试框架 但是当他们可以使用
  • 华为OD机试真题-开源项目热榜--Java-OD统一考试(C卷)

    题目描述 某个开源社区希望将最近热度比较高的开源项目出一个榜单 推荐给社区里面的开发者 对于每个开源项目 开发者可以进行关注 watch 收藏 star fork 提issue 提交合并请求 MR 等 数据库里面统计了每个开源项目关注 收藏

随机推荐

  • STM32编译报错

    今天将STM32CUBEMX进行整理编译后报错 charge shelf charge shelf axf Error L6200E Symbol SystemInit multiply defined by system stm32f4x
  • 量化投资学习-16:从波粒二象性和叠加原理看股票的三面:市场面、基本面、技术面

    市场上股票的运行走向千奇百样 但通过分析 其实每只股票都有其内在的相似的运行规律 以下 根据光波的波粒二象性和叠加性原理 通过图示的方式展现这种内在走势的共同规律 基本面是股票的核心 决定了股票的长期的价值回归点 这就是股票的粒子性上 市场
  • QTextEdit如何获取鼠标点击位置的行列值和行内容

    QTextEdit如何获取鼠标点击位置的行列值和行内容 void MainWindow on textEdit cursorPositionChanged int row col QTextCursor cursor QString str
  • 一个完整的机器学习项目实战代码+数据分析过程:哈佛大学能耗预测项目(Prediction of Buildings Energy Consumption)

    目录 哈佛大学能耗预测项目 背景介绍 数据采集 探索性数据分析 预测模型 机器学习方法 总结和结论 项目资料获取 https download csdn net download github 38486975 11120922 其他获取方
  • C++通过命令参数读文件

    老师奇奇怪怪的 要求 数据文件名通过命令参数的方式提交给应用程序 数据文件名不能写在程序中 在网上搜了一些相关的博客比较少 成功后记录如下 一 写在前面 argc argument count 表示传入main函数的参数个数 argv ar
  • 掌握Python的X篇_37_类的实例化、类方法

    上篇我们已经学习了python中的类 并且学习到可以通过class关键字定义类 而类的最基本特性就是它是一个名称空间 本篇将会学习类的实例化 文章目录 1 类的实例化 1 1 init 函数 1 2 实例化流程 2 类方法与成员 1 类的实
  • Sql Server 日期查询

    当前月 USE DBName Go Use Database Declare Variables DECLARE ReportGenerationDate DATE DECLARE ReportMonth INT DECLARE Repor
  • freertos实用指南_大数据及其掌握方法(实用指南)

    freertos实用指南 随着技术的兴起 数十年来 来自人 企业和机器的数字信息呈指数增长 数据现在被认为是21世纪的石油 几十年前产生兆字节数据的组织现在每小时产生PB级新数据 例如 全球超过33亿智能手机用户 大数据介绍 每个人都在数以
  • SpringBoot单元测试之mock静态方法

    The article summary 1 为什么要对静态方法mock 2 如何使用 powermock 对静态方法 mock 2 1 添加依赖 2 2 编写测试类 2 3 需要注意的问题 1 为什么要对静态方法mock mockito库并
  • 学术答辩PPT模板分享

    130套学术答辩PPT模板分享 链接 https pan baidu com s 1S7YbRlzOeyqwdc9ay5 DYA 提取码 irxg 动态PPT 49套 静态PPT 34套 答辩PPT 24套 精选动态PPT 21套
  • 如何做口碑营销?企业实施网络口碑营销的技巧

    随着互联网的发展 互联网早期的红利期已经完结 现在的互联网行业是用户开发成本越来越高 电子商务的转化率也越来越低 为了降低用户的开发成本和提高转化率 企业一定要重视口碑营销 口碑营销是靠口碑自动去传播 老客户带来新客户的营销模式 成本极低效
  • 10.BIO、NIO、AIO、多路复用IO的区别(图解)

    学习之前 我们先来了解一下IO模型 同步阻塞IO Blocking IO 即传统的IO模型 同步非阻塞IO Non blocking IO 默认创建的socket都是阻塞的 非阻塞IO要求socket被设置为NONBLOCK 注意这里所说的
  • ansible 添加 cron 任务

    找到相应的role 假设以storm nimbus为例 将要完成的任务脚本放在files目录下 例如 vim roles storm nimbus files storm recovery bin bash service storm me
  • KMP算法-超级无敌详细(嚼碎了喂你)

    提示 文章写完后 目录可以自动生成 如何生成可参考右边的帮助文档 文章目录 前言 一 朴素的模式匹配算法 BF暴力匹配算法 二 KMP算法 1 next 数组求法 2 next j 数组代码分析 三 计算出与主串匹配的位置 总结 前言 提示
  • vue3导入element-plus的index.css路径问题

    在做vue3项目的过程中 使用了element plus这个开源组件库 在引入index css这个样式的时候出现了一个问题 使用了之前的 import element plus lib theme chalk index css 导入时路
  • js 三个点 “...“ 省略号的语法

    js 三个点 省略号的语法 概念 是ES6的新语法 该写法在js的不同语境中有不同的解释 可解释为展开语法 Spread syntax 和剩余语法 Rest syntax 写法相同 但作用却是完全相反的 使用时要注意区分 本文主要参考MDN
  • linux 执行 mysql存储过程_mysql 存储过程 执行

    mysql存储过程 mysql存储过程 存储过程 Stored Procedure 是在大型数据库系统中 一组为了完成特定功能的SQL 语句集 经编译后存储 在数据库中 用户通过指定存储过程的名字并给出参数 如果该存储过程带有参数 来执行它
  • 期刊分类—CSSCI、A类、B类、C类、核心期刊的区别

    文章与视频资源多平台更新 微信公众号 知乎 B站 头条 AI研习图书馆 深度学习 大数据 IT编程知识与资源分享 欢迎关注 共同进步 CSSCI A类 B类 C类 核心期刊的区别如下 一 创刊单位不同 1 cssci 是南大核心 南京大学评
  • c++变量模板总结

    一 定义 泛化 全特化 偏特化 使用方法 include
  • 几款主流好用的富文本编辑器(所见即所得常用编辑器)介绍

    富文本编辑器 富文本编辑器 Rich Text Editor RTE 是一种可内嵌于浏览器 所见即所得的文本编辑器 它提供类似于Office Word 的编辑功能 方便那些不太懂HTML用户使用 富文本编辑器的应用非常广泛 它的历史与图文网