8款 Vue 富文本编辑器

news2024/11/15 12:32:58

文章目录

  • TinyMCE - 富文本编辑器里的 Word ,功能想不到的丰富
  • tiptap - 多人在线实时协同编辑
  • CKEditor 5 - 开源免费可商用,行内编辑
  • Quill - 易扩展、轻量级二开、代码高亮好用
  • Froala - 插件丰富,UI友好,编辑器里的苹果
  • summernote - 恰到好处的轻,可直接粘贴图片
  • Trumbowyg - 超轻量,体积小巧,仅 8K
  • 卡拉云 -内置富文本编辑器的低代码开发工具,无需部署,开箱即用
  • CodeMirror 在线代码编辑器

TinyMCE - 富文本编辑器里的 Word ,功能想不到的丰富

http://tinymce.ax-z.cn/
在这里插入图片描述

tiptap - 多人在线实时协同编辑

https://www.itxst.com/tiptap/tutorial.html
在这里插入图片描述

CKEditor 5 - 开源免费可商用,行内编辑

https://ckeditor.com/ckeditor-5/
在这里插入图片描述
在这里插入图片描述

Quill - 易扩展、轻量级二开、代码高亮好用

https://quilljs.com/
在这里插入图片描述

Froala - 插件丰富,UI友好,编辑器里的苹果

https://www.froala.com/
在这里插入图片描述
在这里插入图片描述

summernote - 恰到好处的轻,可直接粘贴图片

https://summernote.org/
基于bootstrap,比较突出的优点就是能保持复制过来的东西的原有样式,并且比较流畅。在这里插入图片描述
在这里插入图片描述https://www.cnblogs.com/xxflz/p/9777075.html

Trumbowyg - 超轻量,体积小巧,仅 8K

https://alex-d.github.io/Trumbowyg/documentation/
Trumbowyg 是一个轻量,可定制的 jQuery 所见即所得(WYSIWYG)的编辑器插件,可生成语义化代码,带有功能强大的 API 。编辑器和生成的代码进行了优化以支持 HTML5。兼容大部分浏览器,如 IE8+、Chrome、Opera 和 Firefox 。在这里插入图片描述
https://blog.csdn.net/lensgcx/article/details/54405533

卡拉云 -内置富文本编辑器的低代码开发工具,无需部署,开箱即用

CodeMirror 在线代码编辑器

-

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/508948.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Android系统原理性问题分析 - 消息传递机制的分析(Looper 和 Handler)

声明 在Android系统中经常会遇到一些系统原理性的问题,在此专栏中集中来讨论下。比如:Android为了线程安全,不允许在UI线程外操作UI,很多时候做界面刷新都需要通过Handler来通知UI组件更新。此篇参考一些博客和书籍,不…

数据库sql语句练习(三)

例题: ●哪些项目消费了不止一次 select distinct name消费了不止一次的项目 from shopping group by name having count(*)>1 注:加disdinct去除重复的返回值,不加默认为all ●按照不同消费项目的总金额从高到低的顺序,列出不…

PMP证书“扫盲”时间2023年考证人快看过来

二,PMP报考指南 学历与工作经验要求: 本科及以上学历,三年或以上的项目管理工作经验; 专科及以上学历,五年或以上的项目管理工作经验。 项目管理培训:35小时以上的项目管理教育/培训。 备注&#xff1…

Vue3-黑马(一)

目录: (1)vue3-基础-环境准备 (2)vue3-基础-入门案例 (3)vue3-基础-main.ts (1)vue3-基础-环境准备 vue3的技术选型,它提供了两套API,一个是选…

面试题——selenium原理解析、appium原理解析

这里写目录标题 一、selenium原理解析1、目的2、技术点3、Selenium 介绍4、Selenium 自动化测试5、为什么能够支持这么多种浏览器?6、Selenium 工作原理 二、appium原理解析1、目的2、技术点3、Appium 介绍4、Appium 工作原理 一、selenium原理解析 1、目的 了解是…

远程桌面连接出现了内部错误怎么解决?

远程桌面连接是一种非常方便的工具,可以让用户从远程访问其他计算机的桌面界面。但是,有时候在连接远程桌面时会出现内部错误,导致无法连接或者连接后无法正常使用。在本文中,我们将会讨论远程桌面连接出现内部错误的原因和解决方…

CRMEB知识付费二次开发 加密阿里云视频MP4点播链接为m3u8格式 hls blob协议

只有添加分发加速的域名才能使用HLS加密,同时也要做HTTPS证书添加,不然也会报错。 1、这是电脑端视频播放页面效果 2、这个手机端H5视频播放页面效果 3、在网站后台上传你的视频内容 4、上传完之后可以进行预览 5、在阿里云控制台设置就好自己的转码模…

舞台特效-第14届蓝桥杯省赛Scratch初级组真题第2题

[导读]:超平老师的《Scratch蓝桥杯真题解析100讲》已经全部完成,后续会不定期解读蓝桥杯真题,这是Scratch蓝桥杯真题解析第131讲。 舞台特效,本题是2023年5月7日举行的第14届蓝桥杯省赛Scratch图形化编程初级组真题第2题&#xf…

SRVCC流程及异常场景介绍

SRVCC(Single Radio Voice Call Continuity)用于在LTE和3G网络之间,实现VoLTE电话无缝切换到3G网络。用户正在使用VoLTE电话进行通话,当他们移出了LTE网络覆盖范围,SRVCC技术会自动将电话切换到3G网络,从而保持通话不中断。 关键流程如下 UE(用户设备)向MME(移动管理…

Python 密码破解指南:5~9

协议:CC BY-NC-SA 4.0 译者:飞龙 本文来自【OpenDocCN 饱和式翻译计划】,采用译后编辑(MTPE)流程来尽可能提升效率。 收割 SB 的人会被 SB 们封神,试图唤醒 SB 的人是 SB 眼中的 SB。——SB 第三定律 五、凯…

RHCSA之基础配置

目录 RHCSA之基础配置 快照设置 1.快照的作用 2.创建快照 3.删除快照 界面图标 Boxes --- 命令行字符形状工具 Calculator --- 计算器 Cheese --- 摄像头 Files --- 文件 FireFox --- 火狐浏览器 Red Hat Subscription Manager --- red hat订阅经理 Settings --- 设…

车载铁路M12工业交换机 3U 轨道交通板卡交换机设计方案

支持双电源冗余 支持Bypass 专门为轨道交通应用设计和制造的以太网数据通信设备 根据IEC61375-2-5和IEC61375-2-3协议实现的列车级骨干以太网核心设备 中国铁路 产品认证 XM-5145工业交换机是专为轨道交通、船载、车载等恶劣环境设计开发的二层网管型交换机。产品设计符合轨…

Java学习(11):Java实现图书馆书库管理系统

接上次博客:Java学习(10)多接口、接口的继承、抽象类和接口的区别、Object类【toString 、equals、hashcode】、接口实例 【compareTo、clone 】、浅拷贝和深拷贝、内部类_di-Dora的博客-CSDN博客 我们要想完成这个书库管理系统,…

MySQL基础(十七)触发器

在实际开发中,我们经常会遇到这样的情况:有 2 个或者多个相互关联的表,如商品信息和库存信息分别存放在 2 个不同的数据表中,我们在添加一条新商品记录的时候,为了保证数据的完整性,必须同时在库存表中添加…

VMware ESXi 7.0 U3m Unlocker OEM BIOS 集成网卡驱动和 NVMe 驱动 (集成驱动版)

ESXi 7 U3 标准版集成 Intel 网卡、USB 网卡 和 NVMe 驱动 请访问原文链接:https://sysin.org/blog/vmware-esxi-7-u3-sysin/,查看最新版。原创作品,转载请保留出处。 作者主页:sysin.org 2023-05-03,发布 ESXi 7.0U…

8-1HBase的安装与简单操作

目录 第1关:Hbase数据库的安装 代码如下: 第二关:创建表 首先要启动:hbase shell 1、create “表名” , ”列族名” 新建一个表 2、list 列出hbase中存在的所有表 代码测试: 第三关:添加数据、…

加解密技术了解

常用的对称加密算法: 对称算法,指加密和解密使用相同密钥的加密算法,对称加密算法用来对敏感数据等信息进行加密。 1). DES算法 2). 3DES算法 3). AES算法 4). TDEA算法 5). Blowfish算法 6). RC5算法 7). IDEA算法 三种常用对称算法…

Speech and Language Processing之word2vec

1、介绍 事实证明,在每一个NLP任务中,密集向量都比稀疏向量工作得更好。虽然我们不能完全理解其中的所有原因,但我们有一些直觉。首先,密集向量可以更成功地作为特征包含在机器学习系统中;例如,如果我们使用100维…

Shell脚本之正则表达式详解(花每年都开,你还是那个你吗)

文章目录 一、什么叫做正则表达式二、正则表达式的组成三、正则表达式分类四、正则表达式字符用法五、正则表达式练习1.匹配/etc/fstab中不是以#开头的行2.匹配/etc/passwd中以bash结尾的行3.匹配文件中025开头,后一个字符为"-"、" " 或没有&am…

Linux进程信号(下)

目录 1:信号保存概念 2:sigset_t 3:信号集操作函数 3.1:sigprocmask 3.2:9号进程不能被阻塞(验证) 3.3:sigpending 4:信号处理 5:sigaction 6&#x…