重温 Squire:高效的 HTML5 富文本编辑器 - 广告联盟评测网
  1. 广告联盟评测网 > 流量运营 >

重温 Squire:高效的 HTML5 富文本编辑器

什么是 Squire?

Squire 是一款极其轻量级的 HTML5 富文本编辑器,最适合您应用程序的丰富输入表单和简单的文档创建。它提供跨浏览器支持,但刻意避免支持旧版浏览器的复杂性。它在 Opera 10、Firefox 3.5、Safari 4、Chrome 9 和 IE8 上运行效果最佳。

Squire 不适用于创建和编辑所见即所得的网站页面。然而,对于许多富文本输入和网络应用程序来说,Squire 可能正是您所需要的。它提供了不臃肿的力量。它还获得了麻省理工学院的许可,可以灵活重用。

在本教程中,我将向您展示如何下载 Squire 并使用它构建示例输入表单。如果您想了解 Squire 的实际应用,请访问演示。

乡绅从哪里来?

FastMail 团队构建了 Squire 来简化他们的网络邮件编辑器要求。 FastMail 是 Gmail 的优秀基于云的电子邮件替代方案 — 我是 FastMail 的日常用户。由于它的总部位于澳大利亚,并且根据与美国不同的法律运营,因此 FastMail 用户的隐私保护略有改善。您可以在这里阅读更多相关信息:FastMail 称其不受 NSA 监视。

立即学习“前端免费学习笔记(深入)”;

正如 FastMail 团队在他们的博客中所写,他们之前使用过 CKeditor:

他们决定从头开始,打造 Squire。压缩和 gzip 后的 JavaScript 大小仅为 11.5 KB(未压缩时为 34.7 KB),并且没有依赖项,Squire 非常轻量级。

结果令人印象深刻。加载整个撰写屏幕、基础库、邮件和联系人模型代码以及呈现整个屏幕的所有 UI 代码所需的组合代码重量现在仅为 149.4 KB(未压缩时为 459.7 KB),比单独的 CKEditor 还小。

Squire 没有依赖性。没有 XHR 包装器、小部件库或灯箱覆盖层。工具栏没有用户界面,这消除了加载两个 UI 工具包带来的臃肿。这只是一个简单的

Squire 的工作原理

Squire 使用选择和范围 API 来操作 DOM。这消除了常见的跨浏览器不兼容性。再次来自 FastMail 博客:

安装 Squire

其次,将 build/ 目录的内容复制到您的应用程序中。 p>

第三,编辑 document.html 中的

使用 Squire

让我们看一下 Squire 附带的演示应用程序。使用 Squire 时,您可以使用

在演示中:

<iframe src="build/document.html" onload="top.editor=this.contentWindow.editor" width="500" height="500"></iframe> 登录后复制

这篇流量运营《重温 Squire:高效的 HTML5 富文本编辑器》,目前已阅读次,本文来源于php中文,在2025-08-20发布,该文旨在普及流量运营知识,如果你有任何疑问,请通过网站底部联系方式与我们取得联系

  • 上一篇:从 WordPress 网站提取帖子的指南
  • 下一篇:创建 WordPress 登陆页面:分步指南