Quill の 2.0 ブランチが正式にオープンされ、開発が開始されました。 Quill が採用している設計原則の 1 つは、まずそれを可能にし、次にそれを簡単にすることです。これにより、技術的な課題が証明され、ユースケースが明確になり、適切な対象者を対象に設計されます。 Quill 1.0 は前者の限界を押し広げ、今回の 2.0 は後者に焦点を当てます。
私たちがどのようにしてここに来たのか、そしてQuillがどこへ向かうのかを見てみましょう!
続きを読むQuill 1.0 が登場しました。 Quill がオープンソース プロジェクトとして公開デビューしたのは、わずか 2 年前です。現在では、個人プロジェクトや有望な新興企業から確立された上場企業に至るまで、あらゆる規模のアプリケーションや製品で使用されています。
Quill は、Web 全体でのコンテンツ作成をサポートする、使いやすいエディターとして設計されています。一貫性のある予測可能な構造の上に構築されており、強力な機能を通じて公開されています。API。 Quill は、複雑さの範囲の両端をカバーすることで、Web の事実上のリッチ テキスト エディターになることを目指しています。
111 回のリリースで、Quill はこの目標に向かって絶え間なく繰り返してきました。 API を安定化し、重要な内部実装をカスタマイズ可能なモジュールに移動し、ユーザーがまったく新しい形式とコンテンツを定義および追加できるようにドキュメント モデルを公開しました。
続きを読む本日、Quill は待望の 1.0 リリース候補に加わりました。 11 回のベータ リリースを通じて、報告された 300 件を超えるバグが修正され、約 1000 件のコミットが行われました。問題を報告したり、コードをコミットしたり、コミュニティを支援したりして、規模の大小、孤立した多数の方法で参加してくれたすべての貢献者に感謝します。
のAPI現在は安定していると考えられ、下位互換性のあるバグ修正のみが期待されます。正式な 1.0 リリースが終わるまで、追加の新機能は予定されていません。
続きを読む本日、Quill は 1.0 の最初のベータ プレビューの準備が整いました。これは Quill の開始以来最大の書き換えであり、以前のバージョンの Quill や他のエディタでは利用できなかった多くの新しい可能性を可能にします。コードはいつものように Github および npm から入手できます。
npm install quill@1.0.0-beta.0
新しいドキュメント サイトの骨格も次の場所で構築されています。beta.quilljs.com。現在のサイトは参照リソースであることに重点を置いていますが、新しいサイトは、さまざまなカスタマイズ目標にアプローチするための洞察を提供するガイドとしても機能します。もあります。インタラクティブな遊び場さまざまな構成を試し、API を探索します。
続きを読むQuillがそれをレイアウトしたとき、1.0ロードマップその旅の中心は、Parchment と呼ばれる新しいドキュメント モデルの開発でした。本日、Parchment のベータ版が以下で利用可能になりました。ギットハブと故宮。
これが意味するのは、その設計と API がかなり安定しており、冒険好きな人はすぐに試してみることができるということです。最新の Quill ソースはすでに Parchment を使用してその書式設定とコンテンツ機能を実装しています。統合これは、Parchment の動作例として役立つでしょう。もちろん、これは Parchment 独自の機能に追加されたものです。ドキュメンテーション。
続きを読むQuill は、次のような野心的な目標を掲げて立ち上げられました。のWeb 用のリッチ テキスト エディター。ドロップイン ユースケースで使いやすく、複雑なユースケースでも十分強力です。その現在APIそれらの目標の中核となるものです。
過去数か月間、特にエディターのコンテンツなど、カスタマイズのためのさらに優れた手段を提供することに多大な努力が払われてきました。これが完成に近づき、Quill は 1.0 の成熟期を迎えています。
Parchment の完全な紹介とガイドはまだ公開される予定ですが、一言で言えば、これは Quill の新しい文書モデルです。エディターのドキュメント モデルは、DOM に対する重要な抽象化であり、エディターと API ユーザーが、ブラウザーと直接対話するよりもはるかにシンプルで表現力豊かなインターフェイスを通じてコンテンツについて推論できるようになります。 Quill にとって、これによりフォーマットのカスタマイズという長年の問題に対する洗練されたソリューションが可能になります。
続きを読むカスタマイズ性は Quill の精神の中核であり、新しいv0.19 リリースその使命を果たすための大きな一歩です。以前のバージョンでは、Quill はエディターを含めるために iframe を利用していました。残念ながら、これによりブラウザーの予期した動作が妨げられ、開発者が Quill にアクセスして拡張することが困難になりました。1。この削除は v0.19 での最大の変更であり、いくつかの波及効果が期待されます。これらと v0.19 のその他の変更点はここにまとめられています。
iframe が廃止されたことで、Quill エディターのスタイルをカスタマイズするのがはるかに簡単になり、ほとんどの場合、Quill がユーザーに代わってカスタマイズする必要がなくなりました。これにより、いくつかの変更が生じます。
これで合格できるようになりましたfalseにスタイル構成Quill が何も注入しないようにするため<style>タグ。デフォルトの動作が好ましい場合は変更する必要はありませんが、スタイルシートを使用してスタイルを完全に制御したい場合は、この追加オプションにより簡単かつ効率的になります。この後者のルートの場合、quill.base.cssはリリースと CDN に含まれるようになりました。
新しいリッチ テキスト タイプは現在公開されており、Quill v0.18.0 で使用されています。これは 1.0 に向けた大きな一歩であり、今後ドキュメントと変更を表現する方法になります。ほとんどの場合、このアップデートは中断を伴わず、バージョン番号を単純に増やすだけでアップグレードできます。1。
ただし、古いデルタ形式を保存していた場合は、移行方法に関する簡単なガイドを以下に示します。
新旧のデルタの主な相違点は次のとおりです。
Quill で完全な API を提供する一環として、エディターでいつ、どのような変更が発生するかを示すイベントを提供します。これらの変更は現在、デルタオブジェクトは、直感的で人間が読みやすく、表現が必要な変更やドキュメントを表現できることを目指しています。ここ数週間、私はこれらの目標をよりよく達成し、現在のフォーマットの課題に対処する新しいフォーマットに取り組んできました。
新しいデルタ形式のドキュメントは、独自のドキュメントにあります。Githubリポジトリただし、この投稿では、いくつかの変更の背後にある理論的根拠について説明します。
続きを読む注: 1.0 および ES6 用の更新されたガイドが利用可能ですここ。
Quill のエディターとしての核となる強みは、豊富な API と強力なカスタマイズ機能です。 Quill をカスタマイズする最良の方法の 1 つは、モジュールを使用することです。モジュールは Quill の機能を拡張する簡単な方法です。このガイドでは、多くのワード プロセッサで一般的に見られる機能であるワード カウンタ モジュールを構築する 1 つの方法を説明します。
中心となる単語カウンターは、エディター内の単語数を単純にカウントし、その値を何らかの UI に表示します。したがって、次のことを行う必要があります。
完全な例を見てみましょう!
続きを読むQuill には公式のコンテンツ配信ネットワークがあり、ライブラリの信頼できる高速ホストにアクセスできるようになりました。ファイルを含めるには:
<link rel="stylesheet" href="//cdn.quilljs.com/0.16.0/quill.snow.css" />
<script src="//cdn.quilljs.com/0.16.0/quill.min.js"></script>
バージョンとして「最新」を使用することもできます。