首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

36k star,一款可以灵活自定义的开源的富文本编辑器,太牛了!

今天给大家推荐一个非常好的,一款强大的富文本编辑器:Quill.js 这个编辑器是一个具有跨平台和跨浏览器支持的富文本编辑器 它是目前 GitHub 上 Star 数最多的所见即所得 Web 编辑器,...由于其模块化架构和富有表现力的 API,可以从 Quill 核心开始,然后根据需要自定义其模块或将自己的扩展添加到这个富文本编辑器中 它提供了两个用于更改编辑器外观的主题,可以使用插件或覆盖其 CSS...-- Include Quill stylesheet --> quilljs.com/1.0.0/quill.snow.css" rel="stylesheet...-- Include the Quill library --> quilljs.com/1.0.0/quill.js"> <!...modules: { toolbar: '#toolbar' }, theme: 'snow', }); 3开源地址 https://github.com/quilljs

92330
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    初探富文本之编辑器引擎

    初探富文本之编辑器引擎 在前文中我们介绍了富文本的基础概念,以及富文本的基本发展历程,那么在本文中将会介绍当前主流开源的富文本编辑器引擎。...当前使用最广泛的富文本编辑器是L1的富文本编辑器,其能满足绝大部份使用场景,由此也诞生了非常多优秀的开源富文本引擎,这其中有仅提供引擎的编辑器例如Slate.js,也有提供了部分开箱即用的功能的例如Quill.js...参考 quill官方文档https://quilljs.com/docs/quickstart/。 quill官方示例https://quilljs.com/standalone/full/。...quill的Delta设计与实现https://quilljs.com/docs/delta/。...blog.logrocket.com/what-is-slate-js-replace-quill-draft-js/ https://dev.to/charrondev/getting-to-know-quilljs

    1.9K51

    WYSIWYG富文本编辑器选择——综合考虑功能与版权协议

    TinyMCE个人认为是功能就全,使用体验最好的编辑器。...type=allckeditor5-reactckeditor5-vueckeditor5-vue2ckeditor5-angularquill网址:https://quilljs.com/体验地址:https...://quilljs.com/playground/Quill是轻型的编辑器,样式一般(黑白风),功能中等,它的代码高亮功能比较强,同样支持行内编辑模式,工具条可自定义。...开源协议开源协议BSD3:https://github.com/quilljs/quill/blob/develop/LICENSE功能方面没有 TinyMCE与CKEditor丰富,特别是表格方面。.../1190000040077951别再找了,Github 热门开源富文本编辑器,最实用的都在这里了 - https://www.mrdoc.fun/doc/40/我做编辑器这些年:钉钉文档编辑器的前世今生

    2.4K20

    几个免费的富文本编辑器,这不完胜付费?

    大家好,我是鱼皮,昨天 的小伙伴问我:现在想做个写作网站,有没有好用的前端富文本编辑器组件?...所以今天给大家分享几款我用过的、觉得值得一用的、开源免费 的富文本编辑器,甚至可以说是完胜国外的付费编辑器(付费的自己还不方便修改和定制)。...富文本编辑器推荐 editor.md GitHub:https://github.com/pandao/editor.md Star 数:12k 这是目前我个人最看好的国内的富文本编辑器,只学过 HTML...quill GitHub:https://github.com/quilljs/quill/ Star 数:32.2k 目前面试鸭网站选用的就是 quill,作为富文本编辑器,它在 GitHub 上的...主题,可以给用户如同在本地编辑器一般敲代码的体验: 最吸引我的是,这款编辑器还支持代码 Diff 功能!

    18.4K31

    14款web前端常用的富文本编辑器插件

    富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器。...作为一个技术人员,手上备上两款富文本编辑器还是很有用的,指不定那个项目就要集成一个进去。 到时候现找现用那可就费功夫了,毕竟从开发上讲,每个富文本编辑器的用法都是有区别的。...7、quill 网址:https://quilljs.com/ Quill是轻型的编辑器,样式一般(黑白风),功能中等,它的代码高亮功能比较强,同样支持行内编辑模式,工具条可自定义。...8、simditor 网址:https://simditor.tower.im/ simditor是Tower平台使用的富文本编辑器,是一款轻量化的编辑器,界面简约,功能实用,插件不是很多,功能要求不高的可以使用...该编辑器可以直接集成到Angular,react和vue.js框架中,该编辑器还同时支持Markdown和富文本。

    18.1K51

    13个顶级免费所见即所得文本编辑器工具

    目前它有两个版本并行运行的CKEditor4和CKEditor5,根据不同的使用目的,你会选择适合自己的编辑器。...除了基本的编辑器,那么我发现它还提供了很多支持,更好的用户体验,如添加评论,测试检查路径,提供优质的图标和界面,检查拼写的内容.........[https://quilljs.com/] Trix Trix是一个开源的编辑器,可以让你在Web中轻松地撰写消息、写评论、写帖子......,并被良好编程的平板电脑使用。...[https://xdsoft.net/jodit/] Summernote Summernote是GitHub上的开源编辑器,获得了超过9K星。...[https://summernote.org/] Editor.js Editor.js是一个开源的块状编辑器,它不会像普通的编辑器那样使用标签HTML,将内容以JSON的形式输出,使其更容易管理。

    6.1K00

    编辑器 editor_ios 编辑器

    文章目录 前言 一、环境 二、环境搭建 三、创建编辑器 前言 记录一下编辑器的安装使用过程,可能会有错误 editor.md是一个markdown编辑器,可至github下载它的发行版本 百度看见有它的漏洞...editor.md-releases Editor.md – 开源在线Markdown编辑器 一、环境 phpstudy phpstorm editor.md 二、环境搭建 开启一下apache...http://127.0.0.1/test/editor.md/examples/simple.html看看editor.md能不能用的 出现如下的界面后表示editor.md生效了 三、创建编辑器...--设置编辑器信息--> $(function() { var editor = editormd("editor", { width...-- 设置默认的markdown内容,优先级较低 mardown内容需要用textarea标签括起来,而且编辑器只会显示第一个textarea标签的内容 --> ### Hello

    1.3K20

    Unity编辑器扩展 | 编辑器扩展基础入门

    在Unity 编辑器扩展专栏中,将探讨Unity编辑器扩展的概念、优势、如何创建自己的扩展以及众多关于编辑器扩展的知识学习。...Unity编辑器扩展 | 编辑器扩展基础 一、基本概念 Unity编辑器扩展 是一种自定义工具和功能,可以增强和扩展Unity编辑器的默认功能,以满足特定项目或工作流程的需求。...只要是Unity引擎编辑器本身未提供的工具或视图,而是开发者使用其他工具或代码做出来的编辑器功能都可以算是对编辑器扩展的一种方式。...更多Unity编辑器扩展文章介绍可以看一下这篇文章:Unity编辑器扩展:提高效率与创造力的关键 二、核心知识点 简述 在Unity编辑器扩展中,用到的API非常丰富。...Custom Editors 用于自定义Unity编辑器中特定类型游戏对象或组件的编辑器。通过创建自定义编辑器,开发者可以定制编辑器界面,以更好地支持特定类型的游戏对象或组件的编辑和可视化操作。

    83121

    vim编辑器

    的常用命令 1.2 vi 和 vim 在很多 Linux 发行版中,直接把 vi 做成 vim 的软连接 vi vi 是 Visual interface 的简称,是 Linux 中 最经典 的文本编辑器...vi 的特点: 没有图形界面功能强大的编辑器 只能是编辑 文本内容,不能对字体、段落进行排版 不支持鼠标操作 没有菜单 只有命令 vi 编辑器在 系统管理、服务器管理 编辑文件时,其功能永远不是图形界面的编辑器能比拟的...vim vim = vi improved vim 是从 vi 发展出来的一个文本编辑器,支持 代码补全、编译 及 错误跳转 等方便编程的功能特别丰富,在程序员中被广泛使用,被称为 编辑器之神 查询软连接命令...三种工作模式 vi 有三种基本工作模式: 命令模式 打开文件首先进入命令模式,是使用 vi 的 入口 通过 命令 对文件进行常规的编辑操作,例如:定位、翻页、复制、粘贴、删除…… 在其他图形编辑器下

    2K40
    领券