Quill文档(一):为什么是Quill

本文介绍了Quill,一个以编辑和字符为中心设计的富文本编辑器,它提供了API驱动的解决方案,使得内容创建更加灵活和可定制。Quill不仅支持丰富的格式,而且注重跨平台一致性,易于集成到应用中,为网络内容创作开辟了新的可能性。
摘要由CSDN通过智能技术生成

内容创作自互联网诞生之初就一直处于核心地位。<textarea>为几乎所有的网络应用提供了原生且基本的解决方案。但在某些时候,您可能需要为文本输入添加格式。这就是富文本编辑器发挥作用的地方。有许多解决方案可供选择,但Quill带来了一些值得考虑的现代理念。

API驱动的设计


富文本编辑器的构建是为了帮助人们编写文本。然而,令人惊讶的是,大多数富文本编辑器并不知道用户编写了什么文本。这些编辑器通过与Web开发者相同的视角来看待它们的内容:DOM。这造成了一个阻抗不匹配,因为DOM由节点组成,以不平衡的树状结构组织,而文本则由行、词和字符组成。

没有以字符为测量单位的DOM API。有了这个限制,大多数富文本编辑器无法回答一些简单的问题,比如“这个范围内的文本是什么?”或者“光标是否在加粗文本上?”试图在这些原语之上构建丰富的编辑体验是非常困难和令人沮丧的。

Quill以编辑和字符为中心进行设计,并在其上构建了API。要找出某处是否为加粗,Quill不需要遍历DOM寻找<b><strong>节点或font-weight样式属性——只需调用getFormat(5, 1)即可。它所有的核心API调用都允许任意索引和长度进行访问或修改。它的事件API还以直观的JSON格式报告更改。无需解析HTML或diff DOM树。

定制内容和格式


在不远的过去,评估富文本编辑器就像比较所需格式的清单一样简单。一个好的富文本编辑器的标志仅仅是它支持的格式数量。这仍然是一个重要的衡量标准,但下限正在接近无限。

文本不再为了打印而编写。它是为在网络上渲染而编写的——这是一个比纸张丰富得多的画布。内容可以是活的、交互式的,甚至是协作的。只有一些富文本编辑器甚至能够支持像图像和视频这样的简单媒体;几乎没有能够嵌入推文或交互式图表的。然而,这是网络发展的方向:更丰富、更多交互。支持内容创作的工具需要考虑这些用例。

Quill公开了它自己的文档模型,这是对DOM的强大抽象,允许扩展和定制。Quill能够支持的格式和内容的上限是无限的。用户已经使用它添加了嵌入的幻灯片、交互式清单和3D模型。

跨平台


跨平台支持对许多JavaScript库来说都很重要,但对此的标准往往有所不同。对于Quill来说,标准不仅仅是它能运行或工作,它必须以相同的方式运行或工作。不仅是功能是一个跨平台的考虑因素,用户和开发者体验也是如此。如果某些内容在OSX上的Chrome中产生了特定的标记,那么在IE上也会产出相同的标记。如果在Windows上的Firefox中按下回车键保留了加粗格式状态,那么在移动Safari上也会被保留。

易于使用


所有这些优势都包含在一个易于使用的包中。Quill提供了一些合理的默认设置,您只需几行JavaScript就可以立即使用

const quill = new Quill('#editor', {
  modules: { toolbar: true },
  theme: 'snow'
});

如果您的应用从未要求过,您永远不必定制Quill——只需享受开箱即来的丰富和一致的体验。

享受吧!

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值