鐵人檔案
最近，我開始了新的職涯，再度投入 Angular 專案的懷抱。在這個過程中，我發現了許多我未曾接觸過的新技術，其中包括 Quill Editor 這個功能強大的文字編輯器。在許多 CMS 專案中，Quill Editor 佔有一席之地。因此，我想藉由參加這次的 IT 鐵人賽，給自己一個挑戰，從初探 Quill Editor 開始，逐步深入其精神，期望在這個過程中能夠慢慢挖掘並有豐富的收穫。
前言 最近開始新的職業生涯，重回 Angular 專案的懷抱，但也看到許多未曾接觸過的東西，例如 Quill Editor 這個編輯器，這裡面的東西非常的豐富...
建立內容 從網路誕生以來，建立內容一直是網路的核心。<textarea> 為大部分的網頁應用提供了原生且重要的解決方案，但有時候我們會需要為輸入的...
上一篇我們看了 Why Quill，今天就來複習環境設置，並嘗試新增一個 Angular 專案，不過如果你是被標題吸引進來的同學，多少都有接觸過 Angular...
在前一篇文章中，我們新增了 Angular 專案並安裝與配置了 Quill Editor，並建立了一個 "quill-editor" 元件。...
今天我們將著重於自訂 Quill Editor 的外觀與樣式，讓編輯器更符合專案的設計風格需求。Quill Editor 提供了幾種方法來調整外觀樣式，讓我們一...
昨天我們知道如何設定編輯器的 CSS 樣式，並且修改既有的功能按鈕。今天接著研究要如何自訂工具列的內容以及加入自訂功能的按鈕。 自訂工具列：Toolbar Op...
Quill 作為編輯器的核心優勢在於它提供了豐富的 API 與容易實現客製化的功能。當我們基於 Quill 的 API 實作功能時，可以包成一個 module...
今天初步探討 Quill Editor 資料物件之一，Delta，就一起來了解一下吧。 什麼是 Delta 物件？ 不要被 Delta 這酷酷的名字給嚇到，它其...
昨天探討了 Delta，初步有了一些概念，今天就來嘗試練習看看，為了方便查看，先新增一個 quill-editor.service，並將 Delta 相關的練習...
今天我們將一同探討 Quill 背後的兩個關鍵概念：Blot 和 Parchment。雖然這些名詞可能聽起來有些陌生，但它們在 Quill 的運作中扮演了重要的...
